Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】footer要素の使い方

footer要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

footerオブジェクトは、HTML文書やセクションのフッター(末尾の部分)を表すオブジェクトです。HTMLでは、<footer>タグを用いてこのオブジェクトをマークアップします。このオブジェクトは、通常、そのコンテンツが属するセクションや文書に関する補足的な情報を含みます。具体的には、著作権情報、サイトマップや関連文書へのリンク、著者情報、連絡先、法的な情報(プライバシーポリシー、利用規約など)などが該当します。

footerオブジェクトは、ウェブページ全体の一番下だけでなく、<article>(記事)や<section>(セクション)といった特定のコンテンツブロックの末尾にも配置できます。これにより、各コンテンツブロックに関連するフッター情報を独立して提供することが可能です。例えば、一つのページ内に複数の記事がある場合、それぞれの記事の最後にその記事固有の著作権情報や著者情報を配置するといった使い方ができます。

このオブジェクトは、単なる見た目の装飾のためではなく、コンテンツの構造的な意味付けのために使用されるべきです。意味的に適切な箇所に配置することで、検索エンジンやスクリーンリーダーなどの補助技術がページの構造を正確に理解しやすくなり、ウェブサイトのアクセシビリティ向上や検索エンジン最適化(SEO)にも貢献します。ただし、main要素の直接の子孫として配置することは推奨されません。フッターは、コンテンツの末尾を構造的に定義する重要な役割を担っています。

公式リファレンス: <footer>: The Footer element

構文(syntax)

1<footer>
2  <p>Copyright &copy; 2023</p>
3</footer>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ