HTML注释不支持嵌套，浏览器仅识别第一个<!--到紧接着的第一个-->之间的内容，中间所有字符（含嵌套的<!--或-->）均视为注释文本；多余-->会引发解析错误或DOM截断。
HTML 注释不支持嵌套，<!-- --> 内再写 <!-- 会直接破坏解析结构
浏览器解析 HTML 注释时，只认第一个 <!-- 开始，到**紧接着出现的第一个 -->** 就结束，中间所有内容（包括嵌套的 <!-- 或 -->）都视为普通注释文本。一旦你写成：
<!-- 外层注释 <!-- 内层注释 --> -->
浏览器实际识别的是：<!-- 外层注释 <!-- 内层注释（直到第一个 -->），后面多余的 --> 会被当作非法字符或孤立标记，可能触发解析错误、DOM 截断，或在开发者工具中显示为“unclosed comment”警告。
为什么不能靠多加 --> 来“补救”
注释结束标记必须是紧邻的 -->，且只能有一个。以下写法全部无效：
-
<!-- a --> <!-- b -->：这是两个独立注释，不是嵌套 -
<!-- <!-- b --> -->：第二个-->提前终结了注释，剩下-->是裸露字符，可能被渲染或报错 -
<!-- a --><!-- b -->：合法，但仍是并列，无法实现“注释掉一段含注释的代码块”
真正可用的替代方案：分段注释 + 手动规避或预处理器
没有原生嵌套能力，就得绕开它。常见做法有：
立即学习“前端免费学习笔记（深入）”；
- 把要注释的大块代码先复制走，或用编辑器快捷键（如 VS Code 的
Ctrl+Shift+A）批量行注释 —— 这是最安全、最通用的做法 - 临时改后缀：把
.html改成.txt或加个.bak，避免被服务器解析，适合整页停用 - 用构建工具（如 Webpack + html-loader）或模板引擎（如 EJS、Pug）做条件编译：
<% if (false) { %>...<% } %>，本质是服务端/构建期移除，非 HTML 注释 - 极端情况可改用
<script type="text/template">包裹暂存代码，它不会执行也不会渲染，但需确保父容器不解析其内容
容易被忽略的关键点：注释里不能出现 -- 或结尾前有空格
即使不嵌套，这些也会让注释提前终止：
-
<!-- hello -- world -->：中间的--被当作结束信号，world -->变成明文 -
<!-- comment -- >：结尾-- >（中间有空格）不符合规范，部分解析器会静默失败或报错 - XML/XHTML 更严格，要求注释内不能含
--，连foo--bar都不行
真要写带双短横的文本，用 – 或拆开写成 - -。
