很简单快速的好练习疑惑。正如 W3C 规定的那样，header 和 footer 标签应该等同于它们的父 section，对于每个 header或 footer 元素应该只有一个父 section，因此浏览器理解那些特定的 header 和 footer 标签作为页面特定部分的页眉和页脚。
考虑到这一点，我的问题是，body 是否可以被视为一个 section，让我们正确地做这样的事情:
<body>
<header></header>
<footer></footer>
<section>
<header></header>
<footer></footer>
</section>
</body>
或者部分应该始终是实际的部分，正确的编码实践应该是这样的:
<body>
<section>
<header></header>
<footer></footer>
</section>
<section>
<header></header>
<footer></footer>
</section>
</body>
有什么建议吗？
最佳答案
documentation on sectioning content对此略有不明。唯一分割内容的元素
content that defines the scope of headings and footers
是article , aside , nav , 和 section .然而，blockquote , body , details , fieldset , figure , 和 td是sectioning roots ，它们可以有自己的轮廓。
页面上也有例子
<body>
<header>
...
</header>
<footer>
...
</footer>
</body>
...所以所有这些都表明您可以使用 <header>和 <footer>在<body> ，事实上，这与其他部分不同，因为正文部分在轮廓中的位置高于兄弟部分。
根据规范要记住的另一件事是，那些“分段根”元素不会影响其祖先的轮廓(尽管它们将低于祖先根)。
例如:
<section>
<header>head</header>
<fieldset>
<header>head2</header>
</fieldset>
</section>
在这种情况下，“head”和“head2”在文档大纲中处于同一级别，因为 <fieldset>是一个切片root。如果是 <section>相反，它将嵌套在“头”节点中。你可以确认这个with this handy web utility
关于html - 当与子页脚或页眉元素相关时，正文代表一个部分？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18494166/