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:使用页眉或页脚标签两次?的主要内容,如果未能解决你的问题,请参考以下文章