HTML 支持 `<!-- 注释内容 -->` 格式进行注释。

## 1. 基本格式
```html
<!-- 这是一个HTML注释 -->
```

## 2. 单行注释
```html
<!-- 单行注释 -->
<p>这是一个段落</p>
```

## 3. 多行注释
```html
<!-- 
  这是一个
  多行注释
  可以跨越多行
-->
<div>内容</div>
```

## 4. 内联注释（在标签内）
```html
<p>正常文本 <!-- 注释文本 --> 继续正常文本</p>
```

## 6. 注释标签（不推荐但有效）
可以注释掉整个标签：
```html
<!-- <div>这个div不会被渲染</div> -->
```

## 重要注意事项：
1. **不能嵌套注释**
   ```html
   <!-- 外层 <!-- 内层注释 --> 外层 -->
   <!-- ↑ 这是错误的，会在第一个 --> 处结束 -->
   ```

2. **特殊字符处理**
   ```html
   <!-- 可以在注释中使用 < > & 等字符 -->
   ```

3. **浏览器处理**
   - 注释内容不会显示在页面中
   - 但用户可以通过查看源代码看到
   - 注释会随HTML一起下载，增加页面大小

## 实用示例：
```html
<!DOCTYPE html>
<html>
<head>
    <!-- 页面标题 -->
    <title>示例页面</title>
    <!-- 
        引入CSS文件
        main.css - 主要样式
        responsive.css - 响应式样式
    -->
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <!-- 头部区域开始 -->
    <header>
        <h1>网站标题</h1>
    </header>
    <!-- 头部区域结束 -->
    
    <!-- 主要内容区域 -->
    <main>
        <p>正文内容</p>
        <!-- TODO: 这里需要添加更多内容 -->
    </main>
    
    <!-- 
        脚部区域
        包含版权信息和联系方式
    -->
    <footer>
        <p>&copy; 2023 公司名称</p>
    </footer>
</body>
</html>
```

## 最佳实践建议：
1. 注释要简洁明了
2. 避免过度注释
3. 及时删除无用注释
4. 使用注释标记待办事项：
   ```html
   <!-- TODO: 修复布局问题 -->
   <!-- FIXME: 需要优化性能 -->
   <!-- NOTE: 此处有特殊处理 -->
   ```
