-
HTML不应长期缓存，应设no-cache或max-age=0,must-revalidate；静态资源需用哈希命名+public,max-age=31536000；meta标签无效，必须通过HTTP响应头配置。
-
240px1fr是最简且最稳的写法，因它明确指定第一列固定240px、第二列占剩余空间，不依赖内容、无兼容风险，且避免溢出、无效百分比及冗余minmax。
-
现代浏览器中autoplay基本无效，因Chrome、Firefox、Safari自2018年起强制执行媒体策略：有声媒体必须由用户手势（如click、touchstart）触发，否则play()抛出DOMException错误；静音视频可自动播放，但需配合用户交互后解除静音并调用play()。
-
content-visibility:auto适用于跳过离屏渲染但保留占位与无障碍，IntersectionObserver专用于触发非渲染副作用；二者分工明确，混用需避免破坏缓存与高度失真。
-
答案是使用命名实体或数字实体转义特殊字符。通过<、>、&等命名实体或<、<等数字实体，可防止浏览器误解析为HTML代码，确保字符正确显示并避免安全风险。
-
lang属性必须显式声明在<html>标签上，浏览器和屏幕阅读器依赖它识别语言；子语言切换需用lang而非CSS或HTTP头；语义标签需配合lang声明语言边界；dir与lang须组合使用；多语言导航需<nav>包裹并为每个链接设hreflang和lang。
-
JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。
-
ref初始化为null是设计使然，因DOM未生成时无对象可指；其赋值严格发生在onMounted钩子中，v-if、异步组件等场景下需额外监听条件或使用ref数组。
-
type="hidden"是唯一真正隐藏且参与提交的HTML5表单字段方式；它不渲染、不聚焦、不触发事件，但会随表单提交，而display:none等仅视觉隐藏仍参与验证和自动填充。
-
Dreamweaver2026中align属性失效，因HTML5已废弃该内联属性；应改用CSS控制对齐：float、margin:auto、Flex布局或vertical-align等现代方案。
-
backdrop-filter:blur不生效主因是元素无透明背景、背后无内容可模糊、父容器裁剪采样区域；需设rgba半透背景、确保层叠上下文完整、加-webkit前缀兼容Safari，Firefox需降级fallback。
-
Bootstrap5明确放弃IE（含IE11）支持，因其缺失CSS自定义属性、标准flex/grid、IntersectionObserver等核心能力，且无可靠polyfill可补全，官方自Alpha版起已移除所有兼容逻辑。
-
纯HTML+CSS可实现静态物流时间轴：用语义化<ol>+<li>+<time>结构，伪元素::before绘制垂直线与圆点，position:relative防止定位偏移，响应式需处理窄屏断行与IE/Safari兼容性。
-
<slot>是WebComponents中实现内容分发的唯一标准机制，仅在启用ShadowDOM的自定义元素内有效，依赖attachShadow()、严格匹配的name与slot属性、运行时分发，不支持SSR且需监听slotchange事件获取节点。
-
W3C验证器仅检查静态HTML语法合规性，不执行JS、不解析动态DOM、不校验CSS或可访问性；其报错需区分硬性标准违规（如缺alt、非法嵌套）与框架扩展误报（如v-bind:src），关键看是否真实违反HTML标准。
