避免每个页面使用多个 <h1> 标签

​​<h1>​​ 标签通常用在页面顶部，以表明页面内容的总体目的。它在 SEO 中扮演着重要的角色，因为搜索引擎比其他因素更重视它。它也可用于显示在搜索结果中。

另外，在 HTML 的旧版本中，特别是 HTML 4，允许每个页面有一个 ​​<h1>​​​ 标签，这一点也很好。HTML5 允许多个 ​​<h1>​​​ 标签，用于每个 ​​section​​。

这意味着使用多个 ​​<h1>​​ 标签在 HTML 语法方面是有效的，但它不被认为是最佳实践。

<!-- 👎 不要这样做 -->
<h1>Main heading</h1>

<section>
  <h1>A section heading</h1>
</section>

<section>
  <h1>Another section heading</h1>
</section>

<!-- 👍 这样做 -->
<h1>Main heading</h1>

<section>
  <h2>A section heading</h2>
</section>

<section>
  <h2>Another section heading</h2>
</section>