-
HTML5模板是符合标准的静态HTML文件，不可import或require；应直接打开或用本地服务器访问，注意路径、script加载属性、viewport标签及id/class命名规范。
-
<option>标签用于定义<select>、<optgroup>或<datalist>中的可选项，用户看到的是标签文本，提交的是value值；2.构建友好下拉菜单需搭配<label>、name属性、optgroup分组及“请选择”提示项；3.在<datalist>中<option>提供智能提示而非强制选择，兼顾灵活性与引导性；4.常见误区包括混淆显示文本与value值、忽视无障碍访问、动态加载处理不当及缺乏多端测试，均需
-
应在:root中定义带语义的CSS变量（如--color-btn-primary-bg），用HSL值便于计算，所有var()调用必须含fallback，变量不可嵌套在媒体查询或class内，JS通过document.documentElement.style.setProperty动态修改。
-
虚线撕裂效果需用linear-gradient模拟可控锯齿，因原生dashed渲染不一致、打印易失效；水平撕裂用repeat-x梯度，垂直/弧形边缘用radial-gradient拼接，并须在@mediaprint中重写背景、避免outline/box-shadow、设明确高度。
-
是，但必须由主线程通过transferControlToOffscreen()移交OffscreenCanvas实例，Worker内不可直接new；Chrome69+、Firefox72+支持，Safari17.5仍不支持。
-
可用--rating变量控制星星填充比例，通过background-clip:text+渐变或clip-path:inset()实现，取值0–100，需设默认值、防NaN并注意浏览器兼容性。
-
HTML中不存在真正可用的快捷键功能，accesskey仅为语义标记，其触发依赖浏览器与系统策略，Chrome用Alt+key（Win）或Ctrl+Alt+key（macOS），Safari已默认禁用，且不支持多字符或重复值。
-
关键在于交互逻辑与动画渲染彻底分离，通过RepaintBoundary隔离重绘、isolate处理异步任务、ShadowDOM实现样式隔离，并辅以帧率监控与动态降级策略保障性能。
-
本文讲解为何fetch触发的404错误无法被console.clear()消除，阐明浏览器网络错误日志的不可干预性，并提供真正有效的静默处理方案：使用fetch()配合手动状态判断+AbortController（可选）规避默认报错日志。
-
WeakRef和FinalizationRegistry不控制对象生命周期，仅在对象被GC回收后提供弱感知与清理入口；真正决定生命周期的是强引用是否存在。
-
HTML表格每行加复选框应直接置于<td>内，用唯一name="row-select"、data-row-id标识业务主键，避免id重复和内联JS；全选逻辑需双向同步：监听行复选框change事件动态更新表头复选框的checked与indeterminate状态。
-
TrustedTypes是需HTTP头、策略定义、调用改造三者协同的底层防御方案；必须通过CSP响应头启用强制模式，定义策略并改造所有DOM操作路径。
-
animation-delay用于控制动画开始时机，非暂停动画；多元素交错需复用同一@keyframes并为各元素单独设delay值，静态用:nth-child，动态创建时应“创建即配置”style.animationDelay，避免事后遍历。
-
严格模式通过收紧语法和运行规则提升JavaScript安全性与可预测性，主要限制包括禁止隐式创建全局变量、删除变量/函数、重复命名、with语句、eval污染、this默认指向全局、八进制字面量及扩展冻结对象。
-
window.scrollTo无反应常见原因是页面无垂直滚动；应缓存DOM查询、用opacity+pointer-events隐藏按钮；SVG图标需配aria-hidden和sr-only文本；scroll事件监听须按需设passive:false。
