HTML中<header>标记的用法是什么?

时间:2016-03-07 15:53:42

标签: html html5

我不完全清楚<header>标记的最佳用法是什么。 我在实习期间与某人进行了这次小讨论,他说你只想在<header>标签元素中使用<article>标签。我告诉他用它作为包含导航的元素等没有错。在谈到这个之后,我仍然不确定我应该按照我认为可以使用的方式或者他试图告诉我的方式使用它。在学校我还了解到HTML5正在转向更加语义化的方式来描述文档。 <header>标签不应该是其中的一部分吗?

3 个答案:

答案 0 :(得分:2)

  

标题元素通常包含一个部分的标题(h1-h6元素或hgroup元素),以及该部分的介绍材料或导航辅助工具等内容。

Source

答案 1 :(得分:2)

查看official documentation

  

header元素表示其最近的祖先切片内容或切片根元素的介绍性内容。标题通常包含一组介绍性或导航帮助。

     

当最近的祖先切片内容或切片根元素是body元素时,它将应用于整个页面。

     

header元素还可用于包装部分的目录,搜索表单或任何相关徽标。

分区内容可以是<article><aside><nav><section>https://www.w3.org/TR/html5/dom.html#sectioning-content-0

不是强制 y在<article>部分使用它。即使提供的例子也表明:

<header>
 <p>Welcome to...</p>
 <h1>Voidwars!</h1>
</header>

关于你说

  

我告诉他将它用作包含导航等的元素

是没有错的

该定义告诉我们,将它用于导航辅助工具(又名<nav>)是绝对可以的。

答案 2 :(得分:-1)

http://www.w3schools.com/tags/tag_header.asp

这里甚至说标题标签是HTML5中的新标签。 它被用在文章中。

此处的示例使用文章: http://www.w3schools.com/html/html5_semantic_elements.asp 但是可以在其他语义标签中使用它,例如nav