footer
<footer> はWeb ページにおけるフッターを示します。主にそのセクションの著作者情報、連絡先、関連ページへのリンク、著作権情報等を含めます。
- 分類
- フローコンテンツ、知覚可能コンテンツ
- 内包できるもの
- フローコンテンツ(<footer>, <header>, <main> が含まれないもの)
属性
グローバル属性のみ
サンプル
基本的に<body> 直下に置いて使用します。その際、<header>, <main> 要素も同時に配置することが多いです。
<body>
<header>
ヘッダー
</header>
<main>
メインコンテンツ
</main>
<footer>
フッター
</footer>
</body>
<footer> 要素を <article> 要素内に配置することも可能です。この場合は記事に対しての著作者情報等を記載することになりますのでサイト作成者と同一であるとは限りません。また、この使用方法は他サイトを見てもあまり使われている印象はありませんので、<header>, <main> と組み合わせて <body> 直下に配置する方法だけを覚えておけば問題ないでしょう。
<article>
<h2>記事見出し</h2>
<p>記事本文</p>
<footer>
フッター
</footer>
</article>