html注释唯一合法形式是，禁止嵌套、禁用--或>组合，不可出现在标签内部、属性值、doctype前及/内，仅对html解析器生效。
HTML 注释只有一种写法，错一个字符就可能让整页结构崩掉——不是语法高亮出问题，是浏览器解析器真会卡住或跳过后续内容。
怎么写才不会被浏览器提前终止
注释必须严格以<!--开头、-->结尾，中间不能出现--或-->这样的组合。只要解析器在<!--之后看到连续两个短横线，它就立刻结束注释，后面的内容全变成裸文本，可能直接显示在页面上，或者导致标签匹配错乱。
<!-- 配置开关：--debug -->→ 错！--debug前的--触发提前闭合，debug -->变成可见文字-
<!-- 这里用了—em dash—没问题 -->→ 对！中文破折号（—）是 Unicode 字符，不触发解析规则 -
<!-- 注意 > 符号 -->→ 安全；但<!-- 错误-->示例 -->→ 危险！-->提前收口，后面“示例 --”裸露 - 想写带短横的词，优先用
–（en dash）或—（em dash），别手敲两个- - 不能出现在
<script></script>或<style></style>标签内部 —— 里面该用//或/* */，写<!--只会让 HTML 解析器开始注释、JS/CSS 引擎却完全懵掉 - 不能紧贴
<!DOCTYPE html>后面（比如换行后第一行就是<!--）→ 某些旧版 IE 会进怪异模式 - 不能插在属性值里：
<div title="<!-- 错！ -->test">→ 多数浏览器解析失败或截断属性 - 不能放在标签开始符内部：
<!---->合法，但（中间空格）或（空格分隔）都非法 - 写注释前先看右下角状态栏，确认语言模式是
HTML - 选中多行按一次
Ctrl+/，VS Code 默认只包首尾 —— 要检查是否所有行都被<!--和-->完整包裹，别漏掉中间某行 - Sublime Text 需装 Emmet 插件才能用快捷键触发 HTML 注释；纯手动敲容易漏
-->，别依赖 Tab 补全 - 临时屏蔽大段代码？宁可整块剪切到草稿区，也别靠注释兜底——尤其当那段代码里本身含
--或<code>>时 - Webpack 用户可配
html-webpack-plugin的minify: { removeComments: true } - 大量注释会增大 HTML 体积，弱网下首屏加载变慢 —— 一个 50KB 的 HTML 文件里塞了 12KB 注释，影响真实
- 别把注释当条件逻辑用：
<!-- DEV-ONLY --><script src="dev.js"></script><!-- END-DEV-ONLY -->毫无作用，<script></script>照常下载执行 - DOM 中每个注释都是
nodeType === 8的 Comment 节点，document.querySelectorAll('*')会遍历到它 —— 不影响渲染，但查 DOM 时可能多绕一圈
哪些位置绝对不能加 HTML 注释
注释不是“贴便签”，它参与 HTML 解析流程，放错地方等于删代码。
编辑器快捷键为什么有时失效
VS Code 的 Ctrl+/（Win）或 Cmd+/（Mac）只在语言模式为 html 时插入<!-- --> ；如果当前是 plaintext 或 javascript 模式，它会插//或/* */，结果整个注释块失效甚至污染结构。
上线前要不要删注释
要，但得看类型。无意义的调试注释（比如每行都<!-- TODO: xxx -->）必须删；关键结构说明（如<!-- Header section start -->）可保留，但前提是构建流程已配置自动剔除冗余内容。
最麻烦的不是语法记不住，是有人把注释当“软删除”用，上线后不敢动，因为不确定那堆
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
