<p>HTML注释唯一合法写法是<!-- -->，必须严格闭合、禁止嵌套、禁用--或>连写，不可用于<script>/<style>内部，否则会导致解析中断、DOM错乱或代码裸露。</p>
HTML 注释语法怎么写才不会出错
HTML 注释用 <!-- --> 包裹，浏览器完全忽略其中内容，不渲染、不执行、不解析。但写错一个字符（比如多加斜杠、漏闭合）就会导致后续 HTML 被当成注释，页面大面积空白或结构错乱。
- 正确写法：
<!-- 这是合法注释 --> - 常见错误：
<!-- 这里漏了 -->→ 后续所有 HTML 都被注释掉 - 更隐蔽的错：
<!--- 多了一个 - -->或<!-- 这里用了 -->-->→ 解析失败，部分浏览器直接截断渲染 - 注释里不能嵌套：
<!-- 外层 <!-- 内层 --> -->是非法的，第二个-->就会提前结束注释
注释里能放 JavaScript 或 CSS 吗
可以放，但没用——它们不会被解析执行。比如 <!-- <script>alert(1)</script> --> 在源码里看着像脚本，实际只是纯文本，alert(1) 永远不会触发。
- 想临时禁用一段 JS？别用 HTML 注释，改用
//或/* */包在<script>内部 - 想隐藏某段样式？不要写
<!-- <style>.box{display:none}</style> -->，应该删掉或加display:none类 - 例外：服务端模板（如 PHP、Jinja）可能在注释里写逻辑，但那是服务端处理完才输出 HTML，和浏览器无关
用注释标记区块或调试时要注意什么
开发中常用 <!-- header start --> 这类标记定位代码，但 IDE 和浏览器开发者工具对它的支持有限——搜索 header start 能找到，但没法折叠、跳转或语法高亮。
- VS Code 等编辑器默认不识别 HTML 注释为大纲节点，别指望它像函数一样可折叠
- 调试时用注释“隔离”代码，要确认闭合完整，否则
<!-- <div>... -->漏了-->会让整个<div>消失 - 团队协作时避免用注释代替文档，比如
<!-- TODO: 这里要改成 fetch API -->容易被忽略，不如提 issue 或用// TODO放在对应 JS 里
替代方案：什么时候该用其他方式代替注释
如果注释开始承担“开关”“占位”“条件渲染”功能，说明它已超出注释本职——HTML 注释不是控制流工具。
立即学习“前端免费学习笔记（深入）”；
- 需要动态显示/隐藏？用
class+ CSS 或hidden属性，而不是<!-- <div>... --> - 想留痕说明组件用途？用自定义属性更可靠：
<header data-purpose="main-nav">，既不影响渲染，又能被 JS 读取 - 构建阶段需移除代码？用 Webpack 的
DefinePlugin或 Vite 的define注入布尔值，比手删注释安全得多
注释只该用来写人看的说明，一旦它开始影响结构或被机器依赖，就该换方法了。
