HTML <header> 元素

HTML <header> 元素表示一组介绍性或导航辅助工具。它可能包含一些标题元素,但也可能包含其他元素,象 Logo,搜索表单等。

使用 <header> 作为 <article> 的页眉:

<article>
  <header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p> Windows Internet Explorer 9(缩写为 IE9)是在 2011 年 3 月 14 日 21:00 发布的</p>
</article>

尝试一下 »

截图

使用 <header> 作为 <article> 的页眉

特性

内容类别 流式内容可触知内容
允许的内容 流式内容,但子元素不能有 <header><footer>
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。注意 <header> 元素不能是 <address><footer> 或另一个 <header> 元素的后代。
允许的 ARIA 角色 grouppresentation
DOM 接口 HTMLElement

属性

该元素包含全局属性

事件属性

<header> 元素支持 HTML 的事件属性

使用注意

  • <header> 元素定义文档或者文档的一部分区域的页眉。
  • <header> 元素应该作为介绍内容或者导航链接栏的容器。
    <header> 元素不是章节内容,因此不会在大纲中产生一个新的章节。也就是说,一个 header 元素通常包含周围的 section 标题(一个h1 - h6 元素),但这不是必须的,即可以不包含。

更多实例

<header>
  <h1>主页标题</h1>
  <img src="//uploads-10001577.cos.ap-shanghai.myqcloud.com/images/logo.png" alt="蜜蜂教程 Logo">
</header> 

尝试一下 »

截图

更多实例

规范

规范 状态 备注
HTML Living Standard
<header> 的定义
现行的标准 -
HTML5
<header> 的定义
推荐 -

HTML 4.01 与 HTML5 之间的差异

<header> 元素是 HTML 5 中的新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 5 支持 4 9 11.1 4.1

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 4 9 11 4.2

相关链接