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> 元素的后代。 “允许的父级:任何接受流内容的元素。请注意,
元素不得是 、
或其他
元素的后代。” - 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>

【讨论】:

那你为什么不做这些&lt;div&gt;s &lt;article&gt;s 或&lt;section&gt;s 呢?【参考方案6】:

当然,您可以在文档中放置两个&lt;header&gt; 标签。然而,从语义上讲,它是不正确的。为什么不使用一个&lt;header&gt; 标签并在其中使用不同的标签?

【讨论】:

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

以上是关于html5:使用页眉或页脚标签两次?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用c ++自动化将页眉或页脚插入到Word文档中

使用 Interop.Access 仅在页眉部分(或正文或页脚)中获取控件

如何从pdf文件中查找页眉页脚

重新加载UICollectionView页眉或页脚?

如何将文本添加为 页眉或页脚?

如何为我的 Android 应用程序创建页眉或页脚按钮栏