HTML <header> 標簽

定義和用法

<header> 元素表示介紹性內容或一組導航鏈接的容器。

<header> 元素通常包含：

  • 一個或多個標題元素 (<h1> - <h6>)
  • 徽標或圖標
  • 作者信息

提示：<header> 標簽常被用于定義文檔的頁眉。

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

另請參閱：

HTML DOM 參考手冊：Header 對象

實例

例子 1

<article> 的標題：

<article>
  <header>
    <h1>這里是標題</h1>
    <p>由比爾蓋茨發布</p>
    <p>這里提供一些額外的信息。</p>
  </header>
  <p>這里是正文.... 這里是正文....</p>
</article>

親自試一試

例子 2

頁眉：

<header>
  <h1>這里是主頁標題</h1>
  <p>由比爾蓋茨發布</p>
</header>

親自試一試

全局屬性

<header> 標簽還支持 HTML 中的全局屬性。

事件屬性

<header> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

大多數瀏覽器將使用以下默認值顯示 <header> 元素：

header {
  display: block;
}

瀏覽器支持

表中的數字注明了首個完全支持該標簽的瀏覽器版本。

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