HTML怎么写注释？HTML注释语法格式与规范教程

在编写网页时，我们常常需要在代码里加一些说明文字，这些文字不会在浏览器中显示，只供开发者阅读，这就是HTML注释。HTML注释的语法格式非常简单，使用一对特殊的标记将内容包裹起来即可。

HTML注释的基本语法

HTML注释以 <!-- 开头，以 --> 结尾，中间写注释内容。浏览器在解析页面时会忽略这一对标记之间的所有文本。

<!-- 这是一个HTML注释，浏览器不会显示它 -->
<p>这是一段正常显示的段落文字</p>

HTML注释的常见用法

1. 解释代码块用途

在复杂的页面结构中，可以用注释标出某个区域的作用，例如头部、导航或底部。

<!-- 网站顶部导航开始 -->
<nav>
  <a href="index.html">首页</a>
  <a href="about.html">关于</a>
</nav>
<!-- 网站顶部导航结束 -->

2. 临时屏蔽代码

调试页面时，如果不想删除某些标签，可将其放入注释中临时隐藏。

<!--
<div class="ad">
  <img src="ad.jpg" alt="广告">
</div>
-->

HTML注释书写规范

• 注释不能嵌套：即在 <!-- ... --> 内部不能再写一对 <!-- ... -->。
• 注释中不要出现 -- 连续双连字符，某些旧浏览器可能解析异常。
• 注释不能写在标签的属性值内部，例如 <input value="<!-- 注释 -->"> 是错误用法。
• 注释可用于任何HTML元素之间或内部，但不要放在 <title> 标签内部干扰标题文本。

在脚本与样式中的注释区别

需要注意，HTML注释只作用于HTML文档。如果在 <script> 或 <style> 标签内，应使用对应语言的注释语法。

<script>
  // 这是JavaScript单行注释
  /* 这是JavaScript多行注释 */
</script>
<style>
  /* 这是CSS注释 */
</style>

小结

掌握 <!-- 注释内容 --> 这一标准写法，并遵守不嵌套、不干扰属性等规范，就能在HTML中合理添加注释，提升代码可读性与协作效率。

HTMLHTML_commentweb_development修改时间：2026-07-30 15:51:19