HTML：注释的 5 种场景和 5 点注意事项

HTML注释是一种在HTML代码中插入注释的方法，注释不会被浏览器显示，也不会影响页面的布局和显示。注释可以用来解释代码、增加说明文字，或者暂时禁用一部分代码。

注释的语法是：<!-- 注释内容 -->

1. 注释代码块：

<!-- 这是一段注释，它不会被浏览器显示也不会影响页面布局 -->

2. 注释可以用来暂时禁用代码：

<!-- <div>这部分代码现在是被注释的，不会被执行</div> -->

3. 注释可以用来添加说明文字：

<!-- 这是页面的头部 -->
<header>...</header>
<!-- 这是页面的内容区域 -->
<div>...</div>
<!-- 这是页面的尾部 -->
<footer>...</footer>

4. 注释不能嵌套：

<!-- 这是正确的注释 <!-- 这是错误的注释 --> -->

5. 注释不能出现在标签内部：

<div> <!-- 这是错误的注释 --> </div>

6. 注释不能用于自闭合标签：

<img src="example.jpg" alt="Example" <!-- 这是错误的注释 --> />

7. 注释不会影响CSS和JavaScript的执行：

<style>
  <!-- p { color: red; } -->
</style>
<script>
  <!-- var x = 10; -->
</script>

8. 注释不能用于HTML实体中：

<!-- 这是错误的注释：&lt;!-- 这是注释 --&gt; -->

注释是代码可维护性和可读性的重要组成部分，在编写HTML代码时应充分利用注释来解释复杂的逻辑或者说明代码用途。