HTML5注释必须用<!--开头、-->结尾，不可嵌套，禁用--和>等非法字符，可标注文字功能、标记模块起止，提升可维护性且不影响渲染。
如果您在编写HTML5代码时需要添加注释以说明特定文字或代码段的功能，则必须使用标准的HTML注释语法。以下是实现该目的的具体步骤：
一、使用标准HTML注释语法包裹说明文字
HTML5沿用HTML4及更早版本的注释语法，即以<!-- 开始、以 --> 结束，中间内容不会被浏览器解析或渲染，仅作为开发者说明存在。此方式适用于对任意位置的说明文字、标签结构或代码逻辑进行标注。
1、在需要添加注释的位置输入 <!--
2、紧接其后输入说明性文字，例如：此处为导航栏主菜单结构
立即学习“前端免费学习笔记（深入）”；
3、在说明文字末尾输入 -->
4、确保注释完整闭合，且不嵌套其他注释（HTML不支持嵌套注释）
5、保存文件后，在浏览器中查看源代码可验证注释是否正确显示
二、在元素内部插入注释以说明文字内容
当需对某段可见文字（如段落、标题）添加解释性注释时，可将注释置于该元素的开始标签前、结束标签后，或嵌入标签之间（但不可破坏标签结构）。注释本身不改变页面布局或语义。
1、定位到目标文字所在元素，例如 <p>欢迎访问我们的网站</p>
2、在<p>标签前插入 <!-- 页面欢迎语，用于首页首屏展示 -->
3、在</p>标签后插入 <!-- 此段文字由CMS动态生成 -->
4、确认注释未出现在浏览器渲染区域中
5、检查开发者工具的Elements面板，确认注释节点存在且位置准确
三、使用注释标记代码区段便于团队协作
在多人协作或维护复杂HTML5页面时，可用注释明确标识功能模块起止点，提升可读性与可维护性。此类注释通常成对出现，包含统一标识符。
1、在模块起始位置输入 <!-- 【头部模块】开始 -->
2、编写该模块的实际HTML代码，例如 <header><h1>Logo</h1></header>
3、在模块结束位置输入 <!-- 【头部模块】结束 -->
4、确保每对起止注释中的标识符完全一致（包括空格与符号）
5、避免在注释中使用双短横以外的连续破折号，以防解析异常
四、避免注释语法错误导致页面异常
HTML注释若格式错误（如缺少闭合、含非法字符），可能引发解析中断，导致后续内容无法正常渲染。必须严格遵循语法规范。
1、禁止在注释内使用 -- 字符组合（除结尾 --> 外），例如 <!-- 选项--设置 --> 是非法的
2、禁止在注释开头添加空格或换行，如 < !-- 错误 --> 或换行后写 -->
3、禁止使用 <!--[if IE]> 等条件注释语法，HTML5已废弃该用法
4、禁止将注释写在DOCTYPE声明之前，否则可能触发怪异模式
5、注释内容不可包含 > 字符，除非作为 --> 的一部分
