HTML5：可以两次使用header或footer标签吗？

Question

HTML5：可以两次使用header或footer标签吗？

htmlheadersemantics

101

快速问题：可以使用两个 header 标签吗？例如，在我的 header.php 中有两个重要的头部部分，两个都可以使用 header 标签吗？

- matt

6个回答

17

是的，您可以在文档中使用多个header元素，根据W3C文档:

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

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

- Marcus Whybrow

4

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

愉快的编码！

- Horia Dragomir

2

在某些情况下，可以在单个<article>/<section>中放置两个<header>，就像这样，所以为什么不呢。

 <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>

- iMarshal

1

为什么你不把这些<div>变成<article>或者<section>呢？ - Volper

2

<header> 标签用于标记报纸中文章的标题，如果您有多篇文章，可以使用多个 <header> 标签。

它类似于使用多个 <h1>。它只在某些特殊情况下才有意义。

- Floern

-3

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

- Scott M.

2

如果我这样做，标题将包含所有我的部分，>> 我认为这不是我们想要的... ;) 您可以针对每个部分拥有一个页眉和页脚。 - user1855153

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- linusthe3rd · Accepted Answer

是的，但有个小细节需要注意。W3文档规定这些标签代表其最近祖先部分的页眉和页脚区域。我建议您可以根据需要使用多个标签，但每个"section"（例如body、section等）只需要一个即可。

以下是W3的相关内容：

元素通常包含部分标题（h1-h6元素或hgroup元素），但不强制要求。此外，可以使用

元素包装某些部分的目录、搜索表单或任何相关 logo 等。

以下是它们各自标准文档的链接: header 和 footer。请注意保留HTML标记。