HTML 标题

标题是网页内容的大纲，用 <h1> 到 <h6> 六个标签表示，数字越小级别越高、字号越大。一篇有条理的文章离不开清晰的标题层级；搜索引擎和读屏软件也靠标题来理解页面结构。因此标题不只是"把字变大"，它承担着重要的语义职责。

六个级别的标题

HTML 提供从 <h1> 到 <h6> 共六级标题，<h1> 最重要（一般一页只用一次），<h6> 级别最低：

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

在浏览器中显示为：<h1> 最大最粗，<h2> 次之，<h3> 再次之，依次递减，且标题前后会自动换行、自带外边距。

标题的层级要有逻辑

标题应当像书的目录一样层层递进：h1 里套 h2，h2 里再套 h3，不要跳级使用，更不要为了"字大"就滥用标题：

<h1>第一章 认识 HTML</h1>
<h2>1.1 什么是元素</h2>
<h3>1.1.1 空元素</h3>

跳级（如 h1 直接到 h3）会破坏文档大纲，影响阅读和 SEO。

一页只有一个 h1

<h1> 代表页面最主要的内容，通常对应网站名或文章主标题，一个页面只写一个。把多个内容都塞进 h1，会稀释重点、干扰搜索引擎判断页面主题：

<h1>示例站点</h1>
<h2>HTML 教程</h2>
<h3>本文由以下章节组成</h3>

用标题组织的页面示例

<h1>我的博客</h1>
<h2>第一篇：HTML 入门</h2>
<p>今天开始学习 HTML……</p>
<h2>第二篇：CSS 入门</h2>
<p>排版美化交给 CSS……</p>

在浏览器中显示为：页面顶部是最大标题"我的博客"，下面两篇文章各有自己的二级标题和段落，结构一目了然。

标题的常见坑

• 不要用标题标签去"调字号"，改大小、颜色请交给 CSS，标题标签是给内容定层级的。
• 忘了写结束标签会让标题"吞掉"后面的内容，注意成对闭合。
• 六级标题很少有人全部用上，通常用到 h3、h4 就足够。

小结

h1~h6 为内容搭建有逻辑的层级大纲：一页一个 h1，逐级递进不跳级，样式交给 CSS。标题既是读者的导航，也是搜索引擎理解页面的依据。