Widely available すべての主要ブラウザで対応済み。安心して使用可能。
セクショニング Widely available

<header> and <footer>

<header> はセクションの導入コンテンツやナビゲーションを、<footer> はフッター情報を表します。

セクショニング

概要

<header> はセクションの導入コンテンツやナビゲーションを、<footer> はフッター情報を表します。

対応ブラウザ

デスクトップ

Chrome 5+
Edge 12+
Safari 5+
Firefox 4+

モバイル

Chrome Android 18+
Safari iOS 4.2+
Firefox Android 4+

基本構文

HTML 
<header>
  <h1>サイト名</h1>
  <nav>
    <a href="/">ホーム</a>
    <a href="/about">概要</a>
  </nav>
</header>
<footer>
  <p>&copy; 2024 サイト名</p>
</footer>

実務での使いどころ

  • <header> and <footer> の活用

    <header> と <footer> 要素。ページやセクションのヘッダー・フッターを表す。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク