<footer>

フッタータグ(footer)

ページやセクションの締めくくり。著者情報、著作権、関連リンクなどを記述する要素。

footerタグ=ページの「締めくくり」

`

` は、HTML5で導入されたセマンティック要素で、ページ全体またはセクションの「フッター(締めくくり部分)」を表します。通常はページの最下部に配置され、著作権表示、サイトマップ、連絡先情報、SNSリンクなどが含まれます。

`

` が「始まり」なら、`
` は「終わり」です。どちらもWebサイトの信頼性とユーザビリティを高める重要な要素です。

基本的な使い方

<footer>
  <p>&copy; 2026 HTML Master. All rights reserved.</p>
  <nav>
    <a href="/privacy">プライバシーポリシー</a>
    <a href="/terms">利用規約</a>
  </nav>
</footer>

footerタグに含めるべき要素

  • 著作権表示: `© 2026 会社名` のような形式で記載します。`&copy;` は著作権記号(©)のHTMLエンティティです。
  • サイトマップリンク: プライバシーポリシー、利用規約、会社概要などの重要ページへのリンク
  • 連絡先情報: `
    ` タグを使って、メールアドレスや住所を記載
  • SNSリンク: Twitter、Facebook、Instagramなどのソーシャルメディアアイコンとリンク

addressタグとの組み合わせ

連絡先情報を記載する際は、`

` タグを使うのが推奨されます。このタグは「連絡先」であることを明示的に示します。

連絡先情報の例

<footer>
  <address>
    お問い合わせ: <a href="mailto:info@example.com">info@example.com</a>
  </address>
</footer>

複数のfooterタグを使う

`

` と同様に、1つのページに複数の `
` タグを配置することができます。ページ全体のフッターだけでなく、各 `
` や `
` の中にそれぞれのフッターを置くことも可能です。

SEOと信頼性への貢献

フッターに適切なリンク(プライバシーポリシー、会社概要、利用規約など)を配置することは、以下の効果があります:

  • ユーザーの利便性向上: 重要な情報に素早くアクセスできる
  • 検索エンジンの信頼: 「運営主体のしっかりしたサイトである」という印象を与える
  • 法的コンプライアンス: 特定商取引法やGDPRなどの法規制に対応

アクセシビリティへの配慮

`

` タグは、スクリーンリーダーにとって「ページの終わり」を示すランドマークとして機能します。視覚障害のあるユーザーは、このランドマークを使ってページの構造を理解できます。

まとめ

ページの終わりまで丁寧に。`

` タグを正しく構成することで、サイトの完成度はぐっと引き締まります。著作権表示、重要リンク、連絡先情報を適切に配置し、プロフェッショナルなWebサイトを作りましょう。