Question

我无法真正理解在HTML5中使用标题的正确方法。例如，此代码是否正确：

<body>
<h1>Body Heading H1</h1>
<article>
<h2>Article Heading H2</h2>
  <section>
  <h2>First Section Heading H2</h2>
  </section>
  <section>
  <h2>Second Section Heading H2</h2>
  </section>
</article>
</body>

在这种情况下，对于文章和部分，还是仅针对文章，我可以用H1替换H2标签吗？

P.S。我希望它尽可能优化SEO优化

Answer 1

HTML5允许作者在任何地方使用h1（如果你明确地使用切片内容元素就可以这样做），但encourages authors使用＆＃34;适当等级的标题该部分的嵌套级别＆＃34;。请参阅pro/contra。

根据该建议，article内的子栏目标题应为h3而不是h2：

<body>

  <h1>Body Heading</h1>

  <article>

    <h2>Article Heading</h2>

    <section>
      <h3>First Section Heading</h3>
    </section>

    <section>
      <h3>Second Section Heading</h3>
    </section>

  </article>

</body>

您的结构似乎合适。每个部分都有一个标题（h1切片根body，h2部分为article，h3部分为section ，这是完美的。

带有文章，部分和标题的HTML5布局

1 个答案: