<p>HTML注释使用<!-- ... -->语法，适用于单行或多行说明，不可嵌套，禁用--或>在注释内非结尾处，编辑器快捷键Ctrl+/可批量增删，非标准注释符如//无效。</p>
如果您在编写HTML代码时需要添加说明性文字，但又不希望这些文字在浏览器中显示，则可以使用HTML注释语法。以下是实现此目的的具体方法：
一、使用标准HTML注释语法
HTML注释采用<!-- 和 -->包围的形式，浏览器会完全忽略其中的内容，既不渲染也不执行。该语法适用于单行或多行注释，是HTML规范定义的唯一合法注释方式。
1、在需要注释的位置输入<!--
2、在<!--后输入说明文字，例如：页面标题区域开始
立即学习“前端免费学习笔记（深入）”；
3、输入-->闭合注释，完整形式为<!-- 页面标题区域开始 -->
4、注释可跨多行，只要开头是<!--且结尾是-->，中间所有内容均被忽略
二、在标签内部嵌入注释
虽然不推荐在开始标签或结束标签内部插入注释，但在某些调试场景下可在属性值前后或标签结构间隙中放置注释，以标记特定功能模块。浏览器解析器仍会跳过这些注释，不影响标签语义和渲染。
1、在<div>标签开始前添加注释：<!-- 导航栏容器 --><div class="nav">
2、在属性值之间换行并插入注释：<img src="logo.png" <!-- 主站标识图 --> alt="Logo">
3、在结束标签后添加注释：</header><!-- 页眉区块结束 -->
三、使用编辑器快捷键批量添加注释
多数现代代码编辑器（如VS Code、Sublime Text、WebStorm）支持对选中文本自动包裹注释符号。该方法不改变HTML语法本身，仅提升编写效率，生成的仍是标准<!-- ... -->格式。
1、用鼠标或键盘选中需注释的多行HTML代码
2、按下Ctrl+/（Windows/Linux）或 Cmd+/（macOS）
3、编辑器自动在每行开头添加<!--，并在末尾统一添加-->
4、若再次执行相同快捷键，编辑器将移除对应注释符号，恢复原始代码
四、避免使用HTML注释的常见错误
HTML注释不允许嵌套，也不允许在注释内出现--或>连续字符，否则会导致解析异常，部分后续代码可能被意外注释掉或引发渲染错误。
1、禁止写成<!-- <!-- 内层注释 --> 外层注释 -->，这会造成解析中断
2、禁止在注释中使用--或>单独出现在注释内部非结尾位置
3、避免在DOCTYPE声明前添加注释，某些旧版IE可能触发怪异模式
4、不要用//或/* */替代，这些是JavaScript或CSS语法，在HTML中无效且可能暴露敏感信息
