<p>HTML注释必须用<!-- -->包裹且不可嵌套，浏览器会忽略其中所有内容（包括标签和脚本），但需避免出现“--”导致提前截断；注释纯属人读，不影响服务端执行或性能。</p>
HTML 注释怎么写才不会被解析
HTML 注释必须用 <!-- --> 包裹，且不能嵌套。浏览器遇到 <!-- 就开始忽略内容，直到下一个 --> 才恢复解析。中间哪怕写了 <div> 或 <script>，也完全不执行、不渲染。
- 正确写法：
<!-- 这是注释 --> - 错误写法：
<!-- 注释 <!-- 嵌套 --> -->（第二个<!--被当成普通文本，注释提前结束） - 常见翻车点：在注释里写
--（比如写“-- 2024-05-10”），会导致浏览器误判为-->的前半部分，注释提前截断 - 如果真要写双连字符，换成
–（en dash）或加空格：<!-- 日期：2024 - 05 - 10 -->
注释里能放 JavaScript 或 CSS 吗
可以放，但没意义——它只是文本，不会被 JS 引擎或 CSS 解析器读取。有人误以为用 <!-- --> 包住 JS 就能兼容老浏览器（比如 IE6），那是远古时代的 hack，现代 HTML5 完全不需要。
- 以下代码中，
alert(1)永远不会执行：<!-- <script>alert(1)</script> --> - 想让 JS 不运行，得删掉或用
//注释；想让 CSS 失效，得删掉或用/* */ - 现在连
<script>标签里的 JS 都默认不支持 HTML 注释语法了，直接写<script><!-- alert(1); --></script>反而会报错
VS Code / WebStorm 里快速加注释的快捷键
编辑器快捷键只是自动补全 <!-- -->，不改变语义。但要注意光标位置和选中范围，否则容易包错内容。
- Windows/Linux：选中文本后按
Ctrl + /（多数编辑器默认绑定） - macOS：选中后按
Cmd + / - 如果只光标在行中（未选中），快捷键通常会在当前行前后插入
<!--和-->，可能把换行符也包进去，导致注释跨多行意外扩大 - 手动敲时别漏空格：
<!--文字-->合法，但<!--文字-->和<!--文字 -->渲染效果一样，空格不影响，但可读性差
服务端模板（如 Django、Vue SFC）里的 HTML 注释行为差异
服务端模板引擎可能在 HTML 解析前就处理掉了注释，或者反过来，把注释当模板语法解析。这时候 <!-- --> 不一定真能“隐藏”内容。
立即学习“前端免费学习笔记（深入）”；
- Django 模板中：
<!-- {% if user %}hello{% endif %} -->→{% if %}不会被执行，因为已进 HTML 注释流 - Vue 单文件组件中：
<!-- <div v-if="show">test</div> -->→v-if不会生效，但 Vue 编译器仍会警告“无效指令” - 真正想“禁用”某段模板逻辑，该用
v-if="false"或*ngIf="false"，而不是靠 HTML 注释
最常被忽略的是：注释不阻止服务端执行、不压缩体积、不提升性能，纯属给人看的。上线前若忘了删调试用的 <!-- console.log(...) -->，它就真躺在生产 HTML 里了。
