标准答案
- H1-H6 表达的是文档结构和内容层级，不只是把文字变大。
- 浏览器、搜索引擎、屏幕阅读器和阅读模式都会用标题标签理解页面大纲。
- H1 通常表示页面主主题，H2 表示主要章节，H3 表示 H2 下的子章节，层级应该按内容结构递进。
- 不要为了样式从 H1 跳到 H5，也不要把所有大字都写成 H1；字号和粗细应该交给 CSS 控制。
- 现代 HTML 不强制一个页面只能有一个 H1，但从内容清晰和 SEO 实践看，一个页面保留一个明确主 H1 通常更稳。
题目解析
- 阅读结构：用户能快速扫出页面主题和章节。
- 可访问性：屏幕阅读器用户可以按标题跳转。
- SEO：搜索引擎能更好理解页面主题和段落结构。
- 维护性：组件和文章结构更清楚，不靠样式猜层级。
这题的关键是分清语义和视觉。标题层级应该由内容结构决定，字号、粗细、间距应该由 CSS 决定。
如果一个卡片标题视觉很大，但它不是页面结构的一部分，不一定要用 H1；如果一段文字是章节标题，即使视觉较小，也应该使用合适的 heading。
代码示例
标题标签表达结构，字号交给 CSS 控制。
HTML
<main>
<h1>HTML 面试题</h1>
<section>
<h2>标准答案</h2>
<p>这里是答案正文。</p>
<h3>回答边界</h3>
<p>这里是补充说明。</p>
</section>
</main>常见误区
- 为了字体大就使用 H1，导致页面多个无关 H1。
- 为了视觉缩进跳级使用 H4/H5，破坏文档层级。
- 用 div 或 span 做章节标题，导致辅助技术无法按标题导航。