订购您的标题标签

Question

我还没有找到这个问题，如果它已经在这里，请随时关闭。

您最喜欢在 HTML 中设置标题的方式是什么？

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h1> Section 1 </h1>
  <h2> Subtitle </h2>
</div>
<div id="section2">
  <h1> Section 2 </h1>
  <h2> Subtitle </h2>
</div>

或

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

... 表示从顶部开始排序，或者在页面的每个部分（/容器/侧边栏/其他）中从 H1 开始。

还有其他的实践。那么你更喜欢哪一个呢？你有没有不同的做法，如果是这样，怎么做？那里有最佳实践吗？这会影响SEO吗？哪一个最符合语义？

---

编辑：这里的人们似乎同意第二种解决方案。这也是我的观点，但这是导致我提出这个问题的问题：如果我想将 h3 放在主要部分怎么办？

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<h3> Something else </h3>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

我必须重写所有部分吗？这可能是一个完整的网站！通常很难确切地知道您将在一个部分中有多少个字幕。

请记住，这些部分可能是侧边栏或看起来完全不同的东西以及页面上的其他位置。

Answer 1

我相信每个文档应该只有一个 H1 元素，但我不确定这是否是一个规则。但是，这是我倾向于遵循的。

因此，我投票支持您提供的第二个示例，与多个 H1 元素相比，拥有多个 H3/H4 等元素更合乎逻辑。这意味着您试图以更好的方式传达层次结构。