Question

我是HTML5标记的新手。

我想知道是否可以在section标记内添加页眉和页脚标记，如下所示：

<section>
  <header>
    <h2>HEADER</h2>
  </header>
  <p>Section's Content</p>
  <footer>
    <h2>FOOTER</h2>
  </footer>
</section>

或者用div标签替换它们并为它们设置类更好。

谢谢。

Answer 1

最佳做法是执行类似的操作（如果需要，您也可以将section替换为div

  <header>
    <h2>HEADER</h2>
  </header>
  <section>
    <p>Section's Content</p>
  </section>
  <footer>
    <h2>FOOTER</h2>
  </footer>

Answer 2

根据MDN，您可以使用它。

Header tag 允许的父母：Any element that accepts flow content。请注意，一个元素一定不能是<address>, <footer>或另一个<header>元素的后代。

Footer tag 允许的父母：Any element that accepts flow content。请注意，一个元素一定不能是<address>, <header>或另一个<footer>元素的后代。

section是flow content element。您可以在其中添加页眉和页脚标签。

Answer 3

您可以根据需要拥有任意数量的标题标签，并将它们放置在几乎任何其他元素中，但有一些例外情况：

注意：<header>标签不能放在<footer>内， <address>或另一个<header>元素。

<footer>标记定义了文档或节的页脚。

因此<header>和<footer>在部分中很好，相应的w3c链接甚至明确指出它们可以在部分中很好地使用。