HTML 注释

注释是写给开发者看的文字,浏览器不会渲染它们。HTML 注释的语法:

html
<!-- 这是一个注释 -->

用途

1. 代码说明

为大段 HTML 添加分段标注,方便后期维护:

html
<!-- ====== 导航栏 ====== -->
<nav>
  <a href="/">首页</a>
  <a href="/about">关于</a>
</nav>

<!-- ====== 主要内容 ====== -->
<main>
  <h1>文章标题</h1>
  <p>正文内容……</p>
</main>

2. 临时禁用代码

调试时快速”注释掉”某些元素,而不删除它们:

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

3. 临时禁用代码

调试时快速”注释掉”某些元素,而不删除它们:

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

历史上 IE 浏览器曾支持条件注释(<!--[if lt IE 9]>),用于针对特定版本加载资源。现代浏览器已不再需要。

注释中不能嵌套注释。浏览器会将第一个 --> 后的所有内容当作普通文本渲染:

html
<!-- 外层注释 <!-- 内层注释 --> 这里的文字会显示在页面上 -->