html5:使用页眉或页脚标记两次?

时间:2011-01-29 14:04:57

标签: html html5 header semantics

快速提问:是否允许两次使用标头标签?例如我的header.php中有两个重要的头部,两个都可以有头标记?

6 个答案:

答案 0 :(得分:72)

是的,但有一个问题。 W3文档声明标签代表其最近祖先部分的页眉和页脚区域。我建议您拥有尽可能多的内容,但每个页面的“部分”只有1个,即正文,部分等。

来自W3

  

标题元素通常包含节的标题(h1-h6元素或hgroup元素),但这不是必需的。 header元素还可用于包装部分的目录,搜索表单或任何相关徽标。

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

  

页脚元素表示最近的祖先切片内容或切片根元素的页脚。页脚通常包含有关其部分的信息,例如谁编写,相关文档的链接,版权数据等。

以下是各自标准文档的链接:headerfooter

答案 1 :(得分:7)

是的,您可以在virtuue of the w3c documentation

中使用文档中的多个header元素
  

标题元素通常包含节的标题(h1-h6元素或hgroup元素),但这不是必需的。 header元素还可用于包装部分的目录,搜索表单或任何相关徽标。

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

答案 2 :(得分:2)

使用两个标头标签没有任何代价,但要确保它有意义。

快乐的编码!

答案 3 :(得分:2)

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

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

答案 4 :(得分:2)

在某些情况下,可以将两个<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>

答案 5 :(得分:-2)

您肯定可以在文档中放置两个<header>标记。然而,从语义上讲,它是不正确的。为什么不使用一个<header>标记并在其中使用其他标记?