<p>HTML注释中不可嵌入HTML标签，因浏览器仅识别<!--到-->间内容为注释，其中的<、>或--可能引发解析异常；JS应使用/ /而非HTML注释；IE条件注释已失效；构建工具对注释处理不一，需显式配置保留规则。</p>
HTML 注释里不能放 HTML 标签
HTML 注释本身不参与解析，但浏览器在遇到 <!-- 开始后，会一直忽略内容直到遇到 -->。如果注释里不小心嵌了 <script> 或 <style> 这类标签，它们不会执行，但可能干扰后续解析逻辑——尤其是当注释跨行、中间有未闭合的 -- 或 > 时。
常见错误现象：<!-- <div id="test"> --> 看似是注释掉一个 div，实际注释只到第一个 -->，后面的内容（比如 </div>）可能被当作普通文本或触发解析异常。
- 注释内避免出现
--连续字符（会被误判为注释结束） - 不要在注释里写未转义的
<和>，哪怕你“只是想记个结构” - 如果真要临时注释大段含标签的代码，用多行
<!-- ... -->包裹，且确保每行都不含-->
JS 中用 /* */ 注释比 HTML 注释更安全
HTML 注释对 JS 无效，而 JS 引擎会直接跳过 /* */ 和 //。如果你在 <script> 块里写 <!-- alert(1); -->，现代浏览器虽能兼容，但这是历史遗留写法，已不推荐。
使用场景：调试时临时禁用 JS 逻辑，或给脚本加说明。
立即学习“前端免费学习笔记（深入）”；
-
<script> /* console.log('debug'); */ </script>—— 安全、明确、无歧义 -
<script> <!-- console.log('old way'); --> </script>—— 可能被某些工具误识别为 HTML 内容 - ESLint、Prettier 等工具默认不检查 HTML 注释里的 JS，容易漏掉语法错误
<!--[if IE]> 条件注释早已失效
IE 条件注释是 IE5–IE9 的专属特性，从 IE10 开始就彻底移除。现在用 <!--[if IE]>...<![endif]--> 不仅无效，还会让 HTML 验证失败，且干扰部分构建工具对注释的提取逻辑。
性能 / 兼容性影响：现代打包工具（如 Vite、Webpack）在 HTML 压缩阶段可能直接删掉整段，也可能报 warning；服务端渲染时若未过滤，会把这段无意义内容发给所有用户。
- 替代方案：用 JS 检测
navigator.userAgent或document.documentMode（仅限仍需支持 IE 的极少数场景） - 更推荐方式：CSS 特性检测（
@supports）或渐进增强，而非依赖 UA 字符串 - 如果项目已放弃 IE 支持，建议全局搜索并删除所有
<!--[if开头的注释
构建工具对 HTML 注释的处理差异很大
Webpack 的 html-webpack-plugin、Vite 的 vite-plugin-html、甚至简单的 html-minifier，默认行为各不相同：有的保留注释，有的删掉，有的只删空行注释，有的把注释当成模板变量占位符处理。
容易踩的坑：你在本地开发时写的 <!-- DEV_ONLY: true -->，上线后发现没了，或者被当成变量插值替换成空字符串。
- 确认构建配置中
minify选项是否开启注释删除（例如removeComments: true） - 需要保留的注释，改用特殊前缀如
<!-- KEEP: ... -->，并在插件配置里显式声明保留规则 - 敏感信息（如 API key 占位符）绝不能靠注释隐藏，HTML 注释对用户完全可见
事情说清了就结束
