【HTML】header要素でウェブページやセクション内のヘッダー部分を表す

プログラミング

header要素

HTMLのheader要素は、ウェブページやセクションのヘッダー(見出しや概要)を定義するために使用されるセマンティックな要素です。
ナビゲーションリンクやタイトル、ロゴ、作成者情報などを含むことが一般的です。

headerという名前ですが必ずしも視覚的に「上部」に配置されるわけではありません。
nav要素と一緒に使用することで、ページ内リンクを整理する役割を担います。

header要素の記述例

header要素の中に、h1タイトルで「ヘッダー要素」を記述します。
その下に、nav要素で「トップページ」(index.html)、「会社概要」(about.html)、「Q&A」(qa.html)のリンクメニューを表示させます。

<body>
<header>
    <h1>ヘッダー要素</h1>
    <nav>
        <li><a href="inde.html">トップページ</a></li>
        <li><a href="about.html">会社概要</a></li>
        <li><a href="qa.html">Q&A</a></li>
    </nav>
</header>
</body>

タイトルとURLをコピーしました