HTML <header> 标签

定义和用法

<header> 元素表示介绍性内容或一组导航链接的容器。

<header> 元素通常包含:

  • 一个或多个标题元素 (<h1> - <h6>)
  • 徽标或图标
  • 作者信息

提示:<header> 标签常被用于定义文档的页眉。

注意:一个 HTML 文档中可以有多个 <header> 元素。但是,<header> 不能放在 <footer><address> 或另一个 <header> 元素中。

另请参阅:

HTML DOM 参考手册:Header 对象

实例

例子 1

<article> 的标题:

<article>
  <header>
    <h1>这里是标题</h1>
    <p>由比尔盖茨发布</p>
    <p>这里提供一些额外的信息。</p>
  </header>
  <p>这里是正文.... 这里是正文....</p>
</article>

亲自试一试

例子 2

页眉:

<header>
  <h1>这里是主页标题</h1>
  <p>由比尔盖茨发布</p>
</header>

亲自试一试

全局属性

<header> 标签还支持 HTML 中的全局属性

事件属性

<header> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <header> 元素:

header {
  display: block;
}

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1