HTML <header> 標頭/標題區塊

<header> 標籤 (tag) 用來定義一個標題區塊，標題區塊裡面可以有標題、介紹文字或像網頁最上方的網頁標頭區塊中會有網站名稱、logo、導覽連結、搜尋表單等內容。

一個網頁中除了可以有主要的網頁標頭 <header> 區塊外，<article>, <section>, <aside>, <nav> 這些 HTML 語意區塊中都可以有自己的 <header>。

舉個例子：

<header>
  <h1>Main Page Title</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header>

或：

<article>
  <header>
    <h2>The Planet Earth</h2>
    <p>Posted on Wednesday, <time datetime="2017-10-04">4 October 2017</time> by Jane Smith</p>
  </header>
  
  <p>We live on a planet that's blue and green, with so many things still unseen.</p>
  <p><a href="https://janesmith.com/the-planet-earth/">Continue reading....</a></p>
</article>