-
直接在HTML中用<style>标签写CSS最省事，适合快速验证样式；也可用JS动态插入或在开发者工具中实时编辑；但仅限调试，避免污染生产代码。
-
HTML5标准列表用<ul>（无序）和<ol>（有序）标签，均需嵌套<li>项；语义决定用途：<ul>表并列项，<ol>表逻辑顺序；嵌套须严格闭合，禁直接子元素嵌套；横向布局优先用flex/grid；术语定义用<dl><dt><dd>。
-
JSON是轻量级文本交换格式，非JavaScript对象或类，仅含parse()和stringify()两个静态方法；parse()严格校验标准JSON语法，stringify()忽略函数/undefined/Symbol/循环引用，且fetch的.json()不可重复调用。
-
图片多列布局尺寸不统一的根源是原始宽高比与分辨率差异且缺乏约束；解决需组合控制：设width:100%和height:auto实现等比缩放，父容器需有明确宽度，高度一致时用object-fit:cover配合固定高容器。
-
JavaScript操作iframe需先获取DOM引用，同源时用contentWindow/contentDocument直接操作，跨域时必须用postMessage通信，并校验origin确保安全。
-
Flex轮播必须设display:flex且子元素直接为图片或包裹容器；关键要设flex-direction:row、flex-wrap:nowrap、overflow:hidden，子项用flex:00100%防压缩，并加touch-action:pan-x防事件冲突。
-
D3.js绘制的条形图默认无样式，若想通过外部CSS文件控制颜色等视觉属性，必须显式为<rect>元素添加class属性，否则CSS选择器（如.bar）无法匹配并生效。
-
HTML注释唯一标准语法是<!--注释内容-->，支持单行或多行，不可嵌套，需避免特殊字符干扰，应贴近所注释代码并保持可读性。
-
首先确保HTML文件包含标准结构，如DOCTYPE声明、html、head、body等标签；其次用文本编辑器编写代码并保存为.html格式；接着通过双击文件或右键选择浏览器打开来查看效果；若需支持高级功能，则应使用本地服务器运行，例如通过Node.js安装http-server工具并在命令行启动服务后访问localhost地址；推荐使用VSCode配合LiveServer插件实现修改后自动刷新的实时预览功能。
-
函数式编程强调纯函数与不可变性，利用高阶函数如map、filter、reduce实现数据处理管道，在JavaScript中提升代码可读性与可维护性。
-
应将重复的hover效果抽离为公共工具类（如.u-hover-effect），统一设置transition与基础交互行为，再通过组合语义化修饰类（如.btn-primary、.card-lift）实现差异化表现，配合BEM命名与Sassmixin提升可维护性。
-
可直接用:lang()伪类为不同语言内容应用专属样式，语义清晰、维护简单；需在HTML根元素声明lang属性，CSS中用:lang(zh-CN)等匹配，支持子语言继承、组合选择器及现代浏览器兼容。
-
图标徽章位置偏差主因是absolute定位参考点未设对或默认偏移未重置；需父容器设position:relative，用transform替代top/right微调，并统一flex居中、响应式使用em/rem单位。
-
HTML中普通空格不显示是浏览器默认行为，解析器会压缩连续空白并忽略首尾空格；需用 、<pre>或white-spaceCSS等语义化方式保留格式。
-
判断浏览器是否支持FullscreenAPI需检查document.fullscreenEnabled，其为false常因非HTTPS、iframe缺allow="fullscreen"或不支持的WebView；全屏请求必须由用户手势触发，且需处理requestFullscreen()和exitFullscreen()的Promise拒绝及fullscreenchange、fullscreenerror事件。
