部分标签内的页眉页脚标签？ [复制]答案

【问题标题】：Header- Footer Tag inside Section Tag? [duplicate]部分标签内的页眉页脚标签？ [复制]
【发布时间】：2018-12-03 20:33:48
【问题描述】：

我是 HTML5 标记的新手。

我想知道是否允许我在节标记中包含页眉和页脚标记，如下所示：

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

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

提前谢谢你。

【问题讨论】：

标签： html

【解决方案1】：

根据 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。您可以在其中包含页眉和页脚标签。

【讨论】：

【解决方案2】：

最佳做法是这样做（如果需要，您也可以将 section 替换为 div）

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

【讨论】：

亲爱的 Zahori，感谢您的回复。我已经有整个内容的页眉标签和页脚标签。但我在主标签中有 5 个部分，每个部分标签都有 h2 和 div 标签，类为“section-footer”。这就是为什么我想知道为每个部分设置页眉和页脚标签是否更好。

【解决方案3】：

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

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

<footer> 标记定义文档或部分的页脚。

所以<header> 和<footer> 可以在部分内使用，相应的 w3c 链接甚至明确声明它们可以在部分内使用。

【讨论】：