HTML <header> 标签

HTML header 标签定义文档或者文档的一部分区域的页眉。该元素应该作为介绍内容或者导航链接栏的容器。在一个文档中,您可以定义多个 header 元素。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <article>
  5. <header>
  6. <h1>这里是标题</h1>
  7. <p>作者是 韩梅梅</p>
  8. <p>这里是一些附加信息</p>
  9. </header>
  10. <p>正文...</p>
  11. </article>
  12. </body>
  13. </html>

浏览器支持

元素
<header>5.09.04.05.011.1

定义和用法

<header> 标签定义文档的页眉(介绍信息)。

<header>元素通常包含:

  • 一个或多个标题元素(<h1>-<h6>)

  • 徽标或图标

  • 作者信息

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


HTML 4.01 与 HTML 5 之间的差异

<header> 标签是 HTML 5 中的新标签。


全局属性

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


事件属性

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


更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <header>
  5. <h1>这里是主页标题</h1>
  6. <p>作者 韩梅梅</p>
  7. </header>
  8. </body>
  9. </html>

CSS默认属性

  1. header {
  2. display: block;
  3. }