HTML注释必须用，其他如//、/ /、#或---均无效，会被浏览器当作普通文本渲染；注释中禁用--和-->，需用中文破折号“—”替代；&必须写为&；JS/CSS内不可用HTML注释；注释须完整包裹标签对，避免DOM错乱；构建工具可自动移除注释，但含模板语法的注释仍可能被执行。

HTML注释必须用 ，别试其他写法

HTML 没有 //、/* */、# 或三连短横 的写法都会被浏览器当作普通文本渲染出来，轻则页面上显示“”，重则破坏 DOM 结构导致空白页或错位。

• ✅
• // 这不是注释 ❌（会直接显示在页面上）
• /* 也不是 */ ❌（同上）
• ❌（部分解析器会停在 。

  注释里不能出现 -- 或 -->，否则提前闭合

  HTML 解析器只要在 。这不是编辑器高亮问题，是真实解析行为。

  • ❌（--beta 中的 -- 触发提前闭合）
  • ✅（用中文长破折号 — 替代）
  • ✅（& 是必须转义的）
  • ❌（> 单独出现没事，但若前面紧挨着 --，如 -->，就会被识别为结束标记）

  常见后果：注释后紧跟的

  消失、<script></script> 不执行、控制台报 Uncaught SyntaxError: Unexpected token '('——其实只是注释没闭合，JS 被当作文本流的一部分了。

  <script></script> 和 标签内部不要加 HTML 注释

  HTML 注释只对 HTML 解析器有效，JS 引擎和 CSS 解析器完全无视它。在 <script></script> 里写 ❌（CSS 不认 是为 Netscape 2 / IE3 做的兼容，现代浏览器已完全废弃。留着反而增加出错概率。

  临时屏蔽代码时，用 包起来。只注释开标签或只注释闭标签，会导致 HTML 解析状态混乱，DOM 树错乱。

  • ✅（完整包裹，安全）
  • ...
    ❌（
    被注释， 却还在，父容器丢失）
  • ✅（仅注释子内容，不影响结构）

  构建工具（如 Webpack + html-webpack-plugin）常配 minify: { removeComments: true } 上线前自动剔除注释。但要注意：如果注释里混了模板语法（如 ），某些服务端模板引擎（Django/EJS）仍会执行其中逻辑——它只是“看起来像注释”，实际参与了渲染流程。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！