-
HTML无原生广告偏好标签，所谓“标注”实为JS通过SDK传参或CMP接口透传合规信号；错误使用自定义<meta>无效且有风险，正确做法是服务端注入初始化脚本并严格遵循TCF规范。
-
用<code>标签包裹API路径最稳妥，语义清晰、可选中、无障碍友好；分段标记需按逻辑单元（如版本、资源名、参数）拆分，避免无意义拆分斜杠；CSS应加class限定样式，动态段用data-kind属性标识，禁用white-space:nowrap。
-
HTML图片对齐不应使用已废弃的align属性，而应采用CSS的float、text-align、flex等现代方案；Dreamweaver中需通过CSS面板手动设置，设计视图可能不实时渲染，须用实时视图或浏览器预览验证。
-
data-*属性用于存储私有数据，通过dataset访问和修改，支持动态交互与数据传递。
-
display:none彻底移除元素布局空间，不占文档流、不触发重排、无障碍支持弱；visibility:hidden保留布局占位但不可见，支持transition但无渐变效果；opacity:0实现平滑淡入淡出，仍响应交互且需配合pointer-events:none和焦点管理。
-
clamp()在不支持的浏览器中整条声明被丢弃，导致布局塌陷；@supports应检测完整调用形式如font-size:clamp(0px,0px,0px)，基础值须前置且静态，兼容旧环境需用calc()+媒体查询模拟，并统一所有响应式属性的降级策略。
-
HTML5空格在Edge中本身正常，所谓“消失”实为CSSwhite-space默认值normal导致的合并裁剪，或字体渲染差异、HTML压缩等外部因素所致。
-
font-display是@font-face中控制字体加载期间文本显示行为的描述符，可避免FOIT白屏或优化FOUT体验；常用值包括swap（立即回退后替换）、fallback（短阻塞后回退）和optional（仅缓存命中时使用）。
-
ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js文件，在install事件中缓存静态资源，activate时清理旧缓存，fetch事件中优先返回缓存响应并动态缓存新资源，通过版本号更新缓存并使用skipWaiting和clients.claim实现快速激活。
-
cursor值分为三类：预定义关键词（如pointer）、URL自定义图像（需配备选值如auto）、组合回退机制（多URL链式兜底）；漏备选值将导致Chrome/Firefox忽略声明。
-
flex-wrap:wrap在页脚中不起作用的主因是子元素未设flex-basis或宽度限制，导致无法换行；需为子容器设flex:11240px、父容器设width:100%且避免white-space:nowrap等干扰。
-
HTML5的标签原生支持三种主要视频格式：MP4、WebM和Ogg。选择合适的格式能确保视频在不同浏览器中顺利播放。MP4（H.264+AAC）——兼容性最强MP4是目前兼容性最好的格式，几乎所有现代浏览器都支持它。但要注意，并非所有MP4文件都能播放，必须使用特定编码：视频编码：H.264（也称AVC）音频编码：AACMIME类型：video/mp4苹果Safari、微软Edge和InternetExplorer都只支持这种组合。因此，提供一
-
用ref实现组件间状态共享的核心是将响应式数据抽到组件外部，多个组件共用同一ref；可通过独立文件导出ref、封装为composable函数或结合provide/inject实现跨层级共享，适用于简单低耦合场景。
-
使用transform和flex-basis替代width/height动画，避免与Flex布局冲突；2.位移动画优先用translateX而非margin或left；3.隐藏元素时用visibility配合scale(0)保持布局稳定；4.利用transition:flex实现flex-grow的平滑过渡；5.缩放时设置transform-origin:center确保居中，结合delay制造交错入场效果。
-
CSS引入方式有内联、内部和外部三种，推荐使用外部样式表以提升性能与维护性。link标签同步加载，兼容性好，而@import异步加载，存在渲染延迟且IE4不支持。老版本IE对CSS3、媒体查询支持差，最多识别31个link标签。现代实践建议用link引入主样式，结合条件注释适配IE，通过构建工具合并文件并用Autoprefixer添加前缀，确保兼容性与性能。
