<p>HTML注释仅支持<!-- ... -->语法，天然跨行但不可嵌套；闭合必须严格为-->且前无空格，内部可含任意字符；误写或遗漏闭合会导致解析错误，且注释会完整保留在生产环境。</p>
HTML里根本没有“多行注释”这个东西
HTML标准只定义了一种注释语法：<!-- ... -->，它天然支持跨行——不是靠“多行注释类型”，而是靠注释边界本身不禁止换行。很多人搜“HTML多行注释”，其实是被编辑器高亮或CSS/JS里的/* */误导了。
为什么<!--后面直接换行不会报错
因为HTML解析器把<!--到下一个-->之间的所有字符（包括换行、Tab、空格、甚至<和>）都当作注释内容，直到遇到严格匹配的-->为止。
常见错误现象：
- 复制粘贴时末尾漏掉
-->，导致后续整段HTML被吞掉（页面突然空白或结构错乱） - 在注释里写
-->（比如想写“见下图→”），会意外提前闭合注释 - 用
<!---（三个短横）开头，浏览器会忽略整个注释（不符合规范，部分浏览器静默跳过）
实际写法：换行没问题，但闭合必须干净
正确示例（合法且可读性强）：
立即学习“前端免费学习笔记（深入）”；
<!-- 这是组件A的旧实现 暂时保留，用于对比测试 下周删除 -->
关键点：
-
<!--和-->必须成对，且-->前面不能有空格（-- >无效） - 注释内部可以任意换行、缩进、写HTML标签（
<div>）、甚至JS代码，都不影响解析 - 不要嵌套注释：
<!-- <!-- inner --> outer -->→ 外层注释在第一个-->就结束了
和JS/CSS注释混用时的坑
在<script>或<style>标签里，别误用HTML注释包裹代码——浏览器会把它当文本渲染，JS引擎根本看不到。
错误写法（JS不执行）：
<script>
<!--
console.log('hello');
-->
</script>正确做法：
- JS内用
//或/* */ - CSS内用
/* */ - 如果真想用HTML注释“隐藏”脚本（极老兼容需求），得加
<!--后立刻换行，再写JS，且末尾补// -->（已过时，现代项目不用）
真正容易被忽略的是：HTML注释不参与任何构建流程，Webpack/Vite等工具不会剥离它，上线后源码里全裸着——敏感信息、临时调试语句、废弃逻辑，都可能被用户右键查看源码时看到。
