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

快速的问题:它实际上是否允许使用头标记两次? 例如,我有两个重要的头部在我的header.php里都可以有标题标签?

是的,但有一个捕获。 W3文档指出标签代表最近的祖先部分的页眉和页脚区域。 我会build议尽可能多的,但你的网页的每个“部分”,即身体,部分等每个只有1。

来自W3

标题元素通常包含该部分的标题(h1-h6元素或hgroup元素),但这不是必需的。 标题元素也可以用来包装部分的目录,search表单或任何相关的标志。

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

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

以下是各自标准文档的链接: 页眉和页脚

是的,你可以在你的文档中使用多个header元素,通过w3c文档 :

标题元素通常包含该部分的标题(h1-h6元素或hgroup元素),但这不是必需的。 标题元素也可以用来包装部分的目录,search表单或任何相关的标志。

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

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

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

使用两个标题标签没有任何损失,但要确保它是有道理的。

快乐的编码!

在某些情况下,像这样在单个<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> 

当然可以把两个<header>标签放在你的文档中。 但是从语义上讲,这是不正确的。 为什么不使用一个<header>标签并在其中使用不同的标签?

Interesting Posts