使用 <header> 或 <footer> 标签两次？

Question

是否真的允许使用两次 header 标签？例如我的 header.php 中有两个重要的标题部分，其中两个部分都可以有标题标签。

Answer 1

是的，但有一个问题。 W3 文档指出，标签代表其最近祖先部分的页眉和页脚区域。我建议您拥有尽可能多的数量，但页面的每个“部分”（即正文、部分等）每个只能有 1 个。

来自W3

header 元素通常包含该部分的标题（h1–h6 元素或 hgroup 元素），但这不是必需的。标题元素还可用于包装部分的目录、搜索表单或任何相关徽标。

============================

页脚元素表示其最近的祖先分段内容或分段根元素的页脚。页脚通常包含有关其部分的信息，例如作者、相关文档的链接、版权数据等。

以下是各自标准文档的链接：header 和 footer

Answer 2

是的，您可以在文档中使用多个

header

元素，这得益于 w3c 文档:

header 元素通常包含该部分的标题（h1–h6 元素或 hgroup 元素），但这不是必需的。标题元素还可用于包装部分的目录、搜索表单或任何相关徽标。

但是请确保它在语义上是正确的。

Answer 3

使用两个标头标签不会受到任何惩罚，但要确保它有意义。

编码快乐！

Answer 4

<header>

用于标记例如报纸上的文章，因此如果您有多篇文章，您可以使用多篇

<header>

。

就像使用多个

<h1>

。只有在某些特殊情况下才有意义。

Answer 5

在某些情况下，可以像这样将两个

<header>

放入单个

<article>

/

<section>

中，所以为什么不呢。

 <article>

      <!-- Feature Image on the LEFT -->
      <div class="position-left">
         ...featrue image...
        <header>
        ...H1 title ...  
        </header>
      </div>

      <!-- Content on the RIGHT with subtitle, date, etc -->
      <div class="position-right">
        <header>
          ..date, sub-title, etc...
        </header>
        ...content...
        <footer>..</footer>
      </div>

    </article>

Answer 6

当然，您可以在文档中放置两个

<header>

标签。然而，从语义上来说，这是不正确的。为什么不使用一个

<header>

标签并在其中使用不同的标签？