HTML <header> 标签

示例

<article> 的标题：

<article>
  <header>
    <h1>这里有个标题</h1>
    <p>Posted by Hello World</p>
    <p>这里有一些额外的信息</p>
  </header>
  <p>这里有一些额外的信息....</p>
</article>

定义和用法

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

<header> 元素通常包含：

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

注意： 您可以在一个 HTML 文档中包含多个 <header> 元素。 但是，<header> 不能放在 <footer>、<address> 或另一个 <header> 元素中。

浏览器支持

表中的数字指定了完全支持该元素的第一个浏览器版本。

Element
<header>	5.0	9.0	4.0	5.0	11.1

全局属性

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

事件属性

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

更多示例

页眉：

<header>
  <h1>主页标题在这里</h1>
  <p>Posted by Hello World</p>
</header>

默认 CSS 设置

大多数浏览器将显示具有以下默认值的 <header> 元素：

header {
  display: block;
}