码农教程 - 一技在手,衣食无忧! tools

HTML <header> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

<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>元素通常包含：

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

笔记：你可以有几个<header>一个 HTML 文档中的元素。然而，<header>不能放置在 <footer>、<address> 或其他内容内<header>元素。

浏览器支持

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

Element
<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 参考：标头对象

默认 CSS 设置

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

header {
  display: block;
}


❮上一节 完整的 HTML参考 下一节❯