HTML <header> タグ:正しい理解と使い方

定義と使い方

<header> タグは、Webページや各セクションの最上部にある「導入部分(ヘッダー)」を表す意味のある(セマンティック)タグです。

一般的なWebサイトでは、最上部にある「サイトロゴ」「サイトタイトル」「メインナビゲーションメニュー」などをこの中に配置します。検索エンジンに対して「ここがサイトの紹介や入り口となるパーツである」と明確に示すことができます。

基本例

<header>
  <h1>テックブログ</h1>
  <p>最新のプログラミング情報をお届けします。</p>
</header>