-
Foundation的Grid基于Flexbox而非CSSGrid或浮动，.grid-x/.cell与原生grid属性互斥；其响应式断点、等高处理及交互实现均需遵循特定规则，混用易冲突。
-
手风琴效果不必强制使用details元素，但details+summary是最稳妥方案，原生支持展开/收起、键盘操作与屏幕阅读器语义，无需JS；多开为默认行为，单开需少量JS实现；动画应避免max-height:none，推荐设固定较大值（如600px）。
-
DataView用于精确控制字节序、偏移量和数据类型读写ArrayBuffer，需先用newDataView(buffer)创建视图，所有读写方法（如getUint16()、setFloat32()）必须显式指定字节偏移量，支持大端/小端配置，适用于协议解析等场景。
-
用<video>+object-fit:cover+position:fixed可稳定全屏背景视频；必须加muted、autoplay、loop、playsinline属性，mp4格式优先；视频z-index:-1垫底，内容容器设position:relative，遮罩层pointer-events:none。
-
Temporal.PlainDateTime本身是同步的，不支持异步操作，也不涉及时区换算；它仅表示无时区的日历时间，所有运算均为同步确定性操作，时区相关逻辑需先异步获取时区再同步换算。
-
Props不能直接解构赋值，因其会切断与Vue响应式系统的连接，导致值无法响应更新；应始终通过props.xxx访问，或用toRefs保持响应性。
-
ping属性在链接跳转上报中常失效，因其依赖CORS配置、同协议（仅HTTPS有效）、页面未关闭等隐性条件，Chrome94+更静默禁用HTTP环境下的ping，且不具备送达保障。
-
rel属性是决定浏览器行为与安全的关键属性，必须配合target="_blank"才生效；单独使用rel="noopener"无效，需显式声明以防止reversetabnabbing攻击，且现代最佳实践为rel="noopenernoreferrer"。
-
HTML5中不存在<nativevideo>标签，唯一合法的视频标签是<video>；所谓“nativevideo”指浏览器原生播放能力，需正确使用<video>及其属性（如muted、playsinline）并注意跨域、编码兼容性等问题。
-
flex-1不能替代align-items:stretch，因其仅分配主轴剩余空间，不影响交叉轴拉伸；等高由父容器默认的items-stretch控制，flex-col时拉伸宽度而非高度。
-
应通过设置autocomplete属性、规避敏感name值、禁用明文日志与本地存储、减少输入法干预等方式降低风险，但无法彻底防止截图、录屏等本地侧信道攻击，服务端校验和传输加密才是安全核心。
-
createContextualFragment是Range对象的方法，用于安全高效解析HTML字符串为DocumentFragment，不执行脚本、不触发回流；须通过document.createRange()调用，返回未挂载的轻量片段，支持多节点插入。
-
cite标签仅用于语义化标记独立创意作品标题，如《三体》《Inception》，不可含作者、年份、URL等元数据；错误使用会误导辅助技术、破坏HTML语义与可访问性。
-
首先，relative为absolute提供定位上下文，使其相对于最近的已定位祖先定位；其次，absolute元素脱离文档流，不受float影响；再次，relative可配合float对浮动元素进行微调；最后，在图文混排中，通过给父容器设relative，内部元素用absolute定位角标，同时图片使用float实现文字环绕，三者协同完成经典布局。
-
<!DOCTYPEhtml>是强制触发标准模式的开关，必须位于文件首行且无任何前置字符；缺失或错误将导致怪异模式，引发CSS错乱、盒模型异常及API不准等问题。
