html条件注释仅在ie5–ie9中有效，ie10+及所有现代浏览器彻底移除支持；语法零容错，需严格遵循格式；现代开发应改用特征检测替代ua判断。
HTML条件注释在现代开发中已完全失效，这类写法对 IE10+、Chrome、Firefox、Edge（Chromium）、Safari 都不起作用——不是“兼容性差”，而是引擎根本不再解析它。
条件注释在哪些浏览器里还能用
仅限 IE5–IE9（确切说是 Trident 引擎 v5.5–v9），且必须满足三个硬性前提：
顶格写，前面不能有空格、BOM 或注释- 语法零容错：
<!--[if IE 8]>少个空格就失效；<![endif]>漏掉-->会导致后续 HTML 全部被吞成文本 - IE10 开始彻底移除支持，
<!--[if gte IE 10]>在任何 IE 版本中都不识别（IE9 是最后一个支持gte/lt的版本）
为什么 <!--[if !IE]> 总是不生效
这个写法在所有浏览器（包括 IE11）中都无效。原因很直接：
- IE10+ 把整个条件注释块当普通注释跳过，不执行也不渲染
- 其他浏览器压根不认识
<!--[if ...]>语法，按标准 HTML 注释规则处理：从<!--到第一个-->结束，中间的[if !IE]被当作注释内容，后面紧跟的 HTML 会暴露出来或错位 - 常见翻车现场：
<!--[if !IE]><script src="modernizr.js"></script><![endif]-->→ 实际效果是<script src="modernizr.js"></script>在所有浏览器里都执行了
替代方案必须绕开 UA 字符串
靠 navigator.userAgent 判断 IE 已不可靠（IE11 报 Trident，移动端 UA 可伪造），真正有效的做法是验证你要用的功能是否存在：
- 检测 DOM 行为：
'classList' in document.body、!!window.addEventListener - 检测 API：
'fetch' in window、'IntersectionObserver' in window - CSS 层面用
@supports：@supports (display: grid) { ... }，但注意 IE11 不支持@supports语法，得先写 Flex 降级 - 老 IE 语义标签兜底：只在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
