HTML <header> 标签

定义和用法

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

<header> 元素通常包含：

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

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

HTML DOM 参考手册：Header 对象

<article> 的标题：

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

页眉：

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

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

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

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

header {
  display: block;
}

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

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