html5：使用页眉或页脚标签两次？答案

【问题标题】：html5: using header or footer tag twice?html5：使用页眉或页脚标签两次？
【发布时间】：2011-06-17 18:14:40
【问题描述】：

快速问题：实际上是否允许使用两次标头标签？例如我的 header.php 中有两个重要的 head-sections，它们都可以有 header 标签？

【问题讨论】：

标签： html header semantics

【解决方案1】：

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

从 W3

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

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

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

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

【讨论】：

我不同意你的说法。在一个分段内容/根元素中包含多个 header 元素仍然有效（并且也有意义）。
嵌套部分和（因此）部分中的嵌套标题怎么样？ <section> <header><h1>...<h1></header> <section class="subsection"> <header class="subsection-header"><h2>...</h2> </header> </section> </section>
@Cyril Duchon-Doris，没有 <header> 元素不能是另一个 <header> 元素的后代。 “允许的父级：任何接受流内容的元素。请注意，
元素不得是
、
或其他
元素的后代。” - developer.mozilla.org/en-US/docs/Web/HTML/Element/header
仅供参考，有 5 种“分段”元素：<body>、<nav>、<section>、<article> 和 <aside>。每个分段元素只能有一个<header> 和一个<footer> 与之关联。一个部分有多个页眉或页脚是没有意义的。
@DanielTonon 1. 根据this page，<body> 不是部分元素。 2. 除非有明确的文档表明每个部分元素只允许一个<header> 和一个<footer>，否则这只是您的意见。请不要说这是一个规则。

【解决方案2】：

是的，您可以在您的文档中使用多个 header 元素，virtue of the w3c documentation：

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

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

【讨论】：

【解决方案3】：

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

编码愉快！

【讨论】：

【解决方案4】：

<header> 用于标记例如报纸上的文章，所以如果你有多篇文章，你可以使用多个<header>。

这就像使用多个<h1>。它只在某些特殊情况下才有意义。

【讨论】：

【解决方案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>

【讨论】：

那你为什么不做这些<div>s <article>s 或<section>s 呢？

【解决方案6】：

当然，您可以在文档中放置两个<header> 标签。然而，从语义上讲，它是不正确的。为什么不使用一个<header> 标签并在其中使用不同的标签？

【讨论】：

如果我这样做，页眉会覆盖我所有的部分，>> 我不认为这是我们想要的... ;) 每个部分可以有页眉和页脚。