<header>
版本:HTML5
HTML<header>元素用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如Logo、搜索框、作者名称,等等
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
| IE 9、Firefox、Opera、Chrome 和 Safari 支持<header>标签。 | ||||
注释:IE 8 或更早版本的 IE 浏览器不支持<header>标签。 | ||||
示例
页面的 Header
<header> <h1>主页标题</h1> <img src="mdn-logo-sm.png" alt="MDN logo"> </header>
文章的 Header
<article> <header> <h2>The Planet Earth</h2> <p>Posted on Wednesday, 4 October 2017 by Jane Smith</p> </header> <p>We live on a planet that's blue and green, with so many things still unseen.</p> <p>Continue reading....</p></article>
标签定义及使用说明
<header>标签定义文档或者文档的一部分区域的页眉。<header>标签定义 section 或 document 的页眉。<header>元素应该作为介绍内容或者导航链接栏的容器。- 在一个文档中,您可以定义多个
<header>元素。 <header>标签不能被放在<footer>、<address>或者另一个<header>元素内部。元素不是分段内容,因此不会往大纲中引入新的段落。也就是说,<header><header>元素通常用于包含周围部分的标题(h1至h6元素),但这不是必需的。
| 内容类型 | 流式内容元素,可触摸内容元素 |
|---|---|
| 许可内容 | 流式内容 |
| 标记省略 | 不允许,开始标签和结束标签都不能省略。 |
| 允许的父元素 | 任何接受流式内容的元素。注意:<header>元素不能作为<address>、<footer>或另一个<header>元素的子元素。 |
| 允许的 ARIA 角色 | group,presentation |
| DOM 接口 | HTMLElement |
HTML 4.01 与 HTML 5 之间的差异
<header>标签是 HTML 5 中的新标签。
属性
此元素仅拥有全局属性。
全局属性
<header>标签支持HTML 的全局属性。
事件属性
<header>标签支持HTML 的事件属性。
实例
<article>的页眉:
<article> <header> <h1>internet explorer 9</h1> <p><time pubdate datetime="2011-03-15"></time></p> </header> <p>windows internet explorer 9 (abbreviated as ie9) was released to the public on march 14, 2011 at 21:00 pdt.....</p> </article>





