div元素中的footer元素和header元素会变成div元素的header和footer吗？

Question

我写了下面的代码。

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

我看了很多文章，我知道 div 元素在语义上是没有意义的。

如果是的话，你在我写的代码的div元素中的页眉和页脚元素属于哪里？

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

谢谢。

Answer 1

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>

Answer 2

页眉和页脚元素与最近的祖先分段内容元素相关 - section、aside、article 或 nav - 或最近的祖先分段根元素 - blockquote、details、fieldset、td、figure、dialog。

如果 header/footer 不是其中任何一个的后代，则它与整个文档相关。（body 元素是切分根元素的特例）

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

div元素中的footer元素和header元素会变成div元素的header和footer吗？

Does the footer element and the header element in the div element become the header and footer of the div element?

html

semantics