-
应避免用width过渡而改用transform实现宽度动画。因width触发重排导致卡顿，transform仅触发合成且GPU加速；常用scaleX或translateX模拟，需配合overflow、transition明确属性及反向缩放等细节。
-
移动端WebXRAR交互已具备落地能力，但仅限AndroidChrome（v120+）、SamsungInternet（v19+）、EdgeforAndroid等支持immersive-ar的环境；iOSSafari仍不支持，须显式调用navigator.xr.isSessionSupported('immersive-ar')探测，启用hit-test与xrCompatiblecanvas，并严格遵循session生命周期管理。
-
IE8及更早版本不支持rgba()，需用filter:alpha(opacity=50)兜底；filter只作用于块级元素且影响整个元素透明度，而rgba仅作用于颜色通道，二者机制不同，不可互换。
-
summary属性在HTML5中已被废弃，现代屏幕阅读器不再读取它；应改用caption、scope和headers等语义化属性提升表格可访问性。
-
HTML无原生“精华”语义标签，加权依赖后端注入data-属性（如data-essence="true"）并由前端JS/CSS消费，首屏直出确保稳定性与SEO，ARIA仅用于无障碍，不参与权重逻辑。
-
BlockTree、静态提升与动态节点标记协同优化Vue3运行时性能：BlockTree按动静分离划分更新边界，静态提升将不变节点缓存复用，动态标记精准限定diff范围。
-
优酷无法关闭HTML5，真正可行的管控路径只有启用青少年模式或通过路由器DNS拦截关键CDN域名；前者服务端降级HTML5能力，后者阻断资源加载。
-
必须用linear才能匀速，否则默认ease会导致跑马灯卡顿；位移终点须为-100%或容器宽负值以实现无缝；需复制内容并紧挨拼接；iOSSafari需加translateZ(0)规避渲染bug。
-
@import会让CSS构建变慢又难调试，因其是运行时加载、无法静态分析依赖，导致工具链无法合并压缩样式，触发多次请求、来源映射错乱、热更新失效，且css-loader与postcss-import易冲突。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
-
HTML表格的语义化标签包括<caption>、<thead>、<tbody>、<tfoot>、<th>等，它们的作用是提升表格的可访问性、结构清晰度和样式控制能力；1.<caption>为表格提供标题，帮助屏幕阅读器用户和搜索引擎理解表格主题；2.<thead>包裹表头行，通常包含<th>单元格，用于定义列标题；3.<tbody>包含表格主体数据行，便于逻辑分离和滚动控制；4.<tfoot&
-
z-index不生效的根本原因是元素未进入定位上下文或被父级层叠上下文截断；它仅对position为relative、absolute、fixed、sticky的元素有效，且层级由整个层叠上下文树决定，而非单纯比较数值大小。
-
HTML函数工具无法绕过硬件限制，因其运行于浏览器沙箱内，仅能通过受限WebAPI间接访问摄像头、麦克风等授权设备，WebAssembly亦无法突破隔离；软件模拟仅适用于纯逻辑设备，复杂或实时硬件行为不可行。
-
个人中心页面必须用语义化HTML标签组织：<header>包裹用户概览，头像用<figure><img><figcaption>，字段用<dl><dt><dd>，按钮必须是<button>；布局优先display:grid，表单编辑态复用DOM节点并用contenteditable控制，移动端按钮需确保是<button>且避免pointer-events:none干扰。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；其比较受限于层叠上下文，子元素z-index只在自身上下文中有效，不跨上下文比较。
