まぬねこの足跡。。。

備忘録＋たのしさ＋ひっそりと

トップ > HTML > <header>タグ：ヘッダーセクション要素（文章）

<header>タグ：ヘッダーセクション要素（文章）

HTML

概要

セクション（または文書全体）に対するイントロダクションやナビゲーションの手助けとなる内容

  • 見出し：ページのタイトル、セクションの見出し
  • リンクメニュー
  • イントロダクション
  • 発行・作成日時
  • 検索：サイト内検索、商品検索
  • 関連ロゴ

使い方

＜body＞タグ内のとき

書き方

<body>
    <header>
        <h1>おやつ</h1>
        <p>ジュースを用意</p>
        <nav>
            <ol>
                <li><a href="candy.html">キャンディ</a></li>
                <li><a href="chocolate.html">チョコレート</a></li>
                <li><a href="cookie.html">クッキー</a></li>
                <li><a href="hotcake.html">ホットケーキ</a></li>
                <li><a href="ice.html">アイスクリーム</a></li>
            </ol>
        </nav>
    </header>
</body>

表示イメージ

おやつの時間

ジュースを用意

色々なセクション内のとき

書き方

<section>
    <header>
        <h1>おやつ</h1>
        <p>ジュースを用意</p>
    </header>
</section>

表示イメージ

おやつ

ジュースを用意

参考

【MDNMDN Web Docs】<header>タグ：ヘッダーセクション要素（文章）