HTML标题标签是网页结构中非常重要的基础元素，不仅能划分内容层级，还会影响搜索引擎对网页内容的理解。下面我们先通过一张示例图直观了解标题标签的显示效果。
HTML标题标签基础用法
HTML提供了6级标题标签，分别是<h1>到<h6>，数字越小代表层级越高，字体默认显示也越大。使用时只需要把对应内容包裹在标签内即可，基础语法如下：
<!-- h1到h6基础使用示例 --> <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6>
h1-h6标题层级规则
标题标签的层级需要遵循严格的嵌套逻辑，不能随意跳级，具体适用场景如下：
- h1标签：一个页面只能有1个，通常是网页的核心主题，比如网站首页的站点名称、文章页的文章标题。
- h2标签：用于划分页面的主要模块，比如文章的大章节、首页的核心板块标题。
- h3标签：对应h2下的子模块，比如大章节下的小节标题。
- h4-h6标签：用于更细层级的内容划分，一般普通网页用到h3就足够，复杂的文档类页面才会用到更深的层级。
错误的层级嵌套示例：在h1之后直接跳级使用h3，中间缺少h2，会导致页面结构混乱，搜索引擎也无法正确识别内容层级。
标题标签的SEO优化要点
合理设置标题标签能显著提升网页的SEO效果，需要注意以下几点：
1. 控制h1标签的使用数量
搜索引擎会把h1的内容当作页面的核心主题，如果一个页面出现多个h1，会分散权重，甚至被判定为作弊。普通页面只放1个h1即可，首页如果有logo和核心标语，可以把logo用<img>标签加alt属性描述，h1只放核心标语。
2. 标题内容包含核心关键词
标题标签的内容要贴合页面核心内容，尽量包含用户搜索的高频关键词，但不要堆砌关键词。比如文章页的h1就放文章标题，其中自然包含文章的核心主题词，方便搜索引擎匹配用户搜索需求。
3. 保持层级逻辑清晰
不要为了调整字体大小滥用标题标签，比如想让某段文字变大就用h3，这会导致层级混乱。如果要调整样式，应该用CSS的font-size属性，标题标签只用来做结构划分。
4. 避免标题内容为空
所有标题标签都要有实际内容，不要用空的标题标签占位，空的标题对搜索引擎没有价值，还会影响页面结构评分。
常见问题解答
标题标签可以加样式吗？
可以，标题标签是块级元素，可以通过CSS修改颜色、字体、对齐方式等样式，不会影响其语义和结构作用。示例代码如下：
/* 修改h1标签的样式 */
h1 {
color: #333;
font-size: 32px;
text-align: center;
margin: 20px 0;
}h1标签一定要放在页面最顶部吗？
没有强制要求，但从语义和SEO角度，h1放在页面靠前位置更合理，方便搜索引擎快速识别页面核心主题。如果是单页应用，也要保证每个路由对应的页面有唯一的h1标签。
注意：标题标签的语义化是核心，始终优先保证结构正确，再考虑样式调整，不要本末倒置。