Question

我写了以下代码。

<header>page header!</header>
<div class="content">
  <header>content header?</header>
  <footer>content footer?</footer>
</div>
<footer>page footer!</footer>

我读了很多文章，我知道div元素在语义上是毫无意义的。

如果是这样，您在我编写的代码的div元素中的header和footer元素属于什么位置？

我不是在寻找div元素的替代方法。我想知道div元素的页脚元素是否充当div元素中内容的页脚。

谢谢。

Answer 1

页眉和页脚元素与最近的祖先切片内容元素-section，aside，article或nav-或最近的祖先切片根元素-blockquote，详细信息，字段集，td，图，对话框。

如果页眉/页脚不是其中任何一个的后代，则它与整个文档有关。（body元素是分割根元素的一种特殊情况）

在您的示例中，由于div不是节内容或节根，因此整个文档具有两个页眉和两个页脚。

Answer 2

header和footer均可用于语义描述文档中的document或section。

https://www.w3schools.com/html/html5_semantic_elements.asp

<header>page header!</header>
<section>
  <header>section header</header>
  <footer>section footer</footer>
</section>
<footer>page footer!</footer>

div元素中的页脚元素和页眉元素是否成为div元素的页眉和页脚？

2 个答案: