条件注释仅在ie5–ie9有效，ie10+及所有现代浏览器彻底失效；需搭配html5shiv与display:block css修复ie8–ie9的html5标签渲染，并确保doctype顶格无bom。
条件注释在 IE10+ 和所有现代浏览器中已彻底失效，不是“不兼容”，而是被引擎直接跳过或静默忽略——把它当 HTML 注释处理，内容不执行、不下载、不报错。
条件注释只在 IE5–IE9 有效，IE10 起完全不解析
IE10 开始，Trident 引擎移除了整个条件注释解析器。这意味着：
-
在 IE11、Edge（Chromium）、Chrome、Firefox、Safari 中全部无效，html5shiv.js根本不会加载 -
在任何浏览器（包括 IE11）里都不触发，“非 IE”分支纯属摆设 -
这种写法连 IE9 都不认——IE9 是最后一个支持gte/lt的版本 - 旧版 IE（尤其是 IE8–IE9）对语法极其敏感：少个空格（
写成）、漏掉-->、注释内含连续短横（如<!-- --debug -->），都可能导致 DOM 解析中断、页面白屏
仍需支持 IE8–IE9？必须搭配 html5shiv + display:block
仅靠条件注释加载 html5shiv.js 不够，因为：
-
html5shiv只解决 DOM 创建问题（让<header></header>被识别为有效节点），但 IE8–IE9 默认不给这些标签设display: block - 结果是
<nav></nav>渲染成 inline 元素，布局直接塌陷；querySelector('main')在 IE8 中返回null，不是报错，是压根没这个节点 - 必须同步补 CSS：
main, section, article, aside, nav, header, footer { display: block; } - 推荐用条件注释精准加载：
<!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script><![endif]-->
现代项目别再用条件注释，改用特性检测
靠 navigator.userAgent 判断 IE 已不可靠（IE11 报 Trident，移动端 UA 可伪造），真正有效的做法是验证功能是否存在：
- 检测 DOM 模式：
document.documentMode仅 IE 返回数字（7表示 IE7 模式），IE11 Edge 模式下为undefined - 检测 API：
'classList' in document.body、!!window.addEventListener、'fetch' in window - CSS 层面用
@supports替代 hack：@supports (display: grid) { ... }比*display: inline更可持续 - 如果要用 Modernizr，它会自动给
加类名（如flexbox或no-flexbox），样式可据此分支：.flexbox .container { display: flex; }
最容易被忽略的底层前提：DOCTYPE 必须顶格且无 BOM
条件注释再准也没用，如果 HTML 开头不是干净的 ：
- 前面有空格、注释、PHP 输出的空白、或 UTF-8 BOM 字节 → IE/旧 Edge 直接进怪异模式（Quirks Mode）
- 此时盒模型、浮动逻辑、
document.body.scrollTop全部错乱，后续所有兼容方案都建立在流沙上 - 验证方式：Chrome DevTools Elements 面板顶部显示
Standards才算成功；显示Quirks就得回查源码开头 - VS Code 右下角确认编码是
UTF-8 without BOM，不是UTF-8
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
