Question

我知道你可以在一个页面中有多个页眉/页脚，例如<article>和<body>的另一个站点范围页眉/页脚，但是我没有找到任何说明有多个页眉/页脚的页眉/页脚单个部分中的页眉和/或页脚是可以接受的。

<body>
<header class="header-group-1"></header>
<header class="header-group-2"></header>

<!-- other content -->

<footer class="footer-group-1></footer>
<footer class="footer-group-2></footer>
</body>

Answer 1

允许多个header elements，并且每个都指定“其最近的祖先切片内容或切片根元素的介绍性内容”，即最近的封闭文章，旁边，导航，部分，块引用，正文，详细信息， dialog，fieldset，figure或td元素。所以你可以有例如。

<body>
<header>body header</header>
...
<article>
  <header>article header</header>
  ...
</article>

没有禁止例如header元素中的两个article元素（在嵌套的同一级别）。然后他们都会包含“介绍性内容”。然而，很难想象这是有意义的情况，因为header元素通常在其他内容之前，因此header将相邻并且可以组合成一个。

Answer 2

是的，您可以在一个部分中使用多个页眉和页脚，W3C将为您验证，但不推荐使用它，除非您在该部分中有各种文章需要每篇文章的页眉和页脚。您可能想要阅读这篇文章： http://html5doctor.com/the-header-element/

HTML5：一个部分中的多个页脚/标题

2 个答案: