HTML注释须用<!--和-->包裹，禁含--或>，不支持嵌套；多行注释需单独成行、缩进一致；条件注释已废弃，应改用CSS媒体查询或JS特性检测；特殊字符需转义；模板引擎中需区分注释作用域。
如果您在编写HTML代码时希望添加说明性文字以提高可读性或便于团队协作，则需要使用符合标准的注释语法。以下是HTML中添加注释的规范写法及常用技巧：
一、标准HTML注释语法
HTML注释必须使用zuojiankuohaophpcn!-- 和 -->包裹，且注释内容不能包含--或>字符序列，否则会导致解析错误。浏览器会完全忽略注释内容，既不渲染也不执行。
1、在需要说明的代码上方或相邻位置输入<!--
2、输入说明文字，例如“导航栏开始”或“此处为轮播图占位区域”
立即学习“前端免费学习笔记（深入）”；
3、输入-->闭合注释标记
4、确保注释前后不嵌套其他注释，HTML不支持嵌套注释
二、多行注释的正确写法
当需要对较大代码块进行说明时，应将注释单独成行并保持缩进一致，避免与实际标签混排导致结构混乱。注释内容应简洁明确，反映代码功能而非个人情绪或冗余描述。
1、在代码块前另起一行，输入<!--
2、换行后缩进两个空格，输入第一行说明，如“用户登录表单：包含邮箱、密码、记住我选项”
3、继续换行并缩进，输入第二行说明，如“提交按钮绑定JS验证函数validateLogin()”
4、再换行，输入-->结束注释
5、禁止在注释内部使用--或>，否则注释提前终止
三、条件注释的替代方案（现代写法）
旧版IE支持的条件注释（如<!--[if IE]>）已不再被任何现代浏览器识别。当前应使用CSS媒体查询或JavaScript特性检测替代，HTML注释本身不可用于逻辑分支控制。
1、删除所有形如<!--[if lt IE 9]>的条件注释标记
2、将对应样式移入外部CSS文件，并用@supports或媒体查询控制
3、将对应脚本逻辑改用Modernizr或原生特性检测实现
4、所有条件注释在HTML5中均视为普通注释，不会触发任何条件执行
四、注释中的特殊字符处理
注释内若需表达小于号（<）或大于号（>），必须使用HTML实体编码，否则会被误判为标签边界。注释中不解析HTML实体，但为避免解析器混淆，仍需转义。
1、输入小于号时，写为
2、输入大于号时，写为>而非>
3、输入双连字符时，写为—或拆分为两个独立短横
4、注释中出现--会导致注释意外关闭，必须规避
五、模板引擎与注释共存策略
在使用Vue、React或PHP等模板引擎时，HTML注释可能与模板语法冲突。需区分运行时注释与源码注释，确保构建工具或服务端不将其剥离。
1、在Vue单文件组件中，使用<!-- 注释 -->仅对HTML部分生效，不作用于<script>或<style>
2、在PHP嵌入场景中，避免在<?php ?>标签内使用HTML注释，改用//或/* */
3、使用构建工具（如Vite、Webpack）时，确认html-loader配置未启用removeComments选项
4、服务端渲染模板中，HTML注释可能被自动剔除，需检查输出管道配置
