html5：使用页眉或页脚标签两次？
Posted
技术标签:
【中文标题】html5：使用页眉或页脚标签两次？【英文标题】：html5: using header or footer tag twice? 【发布时间】：2011-06-17 18:14:40 【问题描述】：快速问题：实际上是否允许使用两次标头标签？例如我的 header.php 中有两个重要的 head-sections，它们都可以有 header 标签？
【问题讨论】：
【参考方案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> 元素的后代。 “允许的父级：任何接受流内容的元素。请注意，<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> 标签并在其中使用不同的标签？
【讨论】：
如果我这样做，页眉会覆盖我所有的部分，>> 我不认为这是我们想要的... ;) 每个部分可以有页眉和页脚。以上是关于html5：使用页眉或页脚标签两次？的主要内容，如果未能解决你的问题，请参考以下文章