轻松上手,快乐学习!

HTML <header> 标签



实例

<article> 的页眉:

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>
亲自试一试 »

下面有更多实例。


定义和用法

<header> 标签定义文档或者文档的一部分区域的页眉。

<header> 元素应该作为介绍内容或者导航链接栏的容器。

在一个文档中,您可以定义多个 <header> 元素。

<header> 元素通常包含:

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

注释: <header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。


浏览器支持

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

元素
<header> 5.0 9.0 4.0 5.0 11.1

全局属性

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


事件属性

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


更多实例

实例

页眉:

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>
亲自试一试 »

相关页面

HTML DOM 参考手册: Header 对象


默认CSS设置

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

header {
  display: block;
}