<footer>: FOOTER 要素
最終更新：2026-10-13
<footer>FOOTER 要素
直近のセクショニングコンテンツまたはルート要素のフッターを表します。通常は作者・著作権・連絡先・関連リンクなどです。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </footer> タグ |
| ステータス | 標準 |
📝 構文
<footer>フッターコンテンツ</footer>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <footer> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： フッターの内容はそのセクションに関連するものにしましょう。著作権は通常ページ全体のフッターに置きます。
❓ よくある質問
Qfooter はページの最下部にしか使えないのですか？
Aいいえ。
<footer> は「直近のセクションまたはルート要素のフッター」を表すので、各 <article> や <section> も自分の footer を持てます（文末の著者情報や参考リンクなど）。ページ全体のフッターになるのは、通常はページレベルの footer だけです。Qfooter の中にナビゲーションを置けますか？
A置けます。フッターナビ（サイトマップ・利用規約・SNS リンク）は footer の定番の中身で、仕様上この場合に改めて
<nav> を包む必要はないとされています。ナビが複雑だったり、独立したランドマークの意味が要る場合は、footer の中に <nav> を入れ子にしても構いません。Qfooter と address はどんな関係ですか？
A定番の組み合わせは、
<footer> の中に <address> を置いて連絡先を示す形です。意味の分担は、footer が「領域」（著作権・リンク・付録）、address が「作者の連絡先」であり、それぞれ役割が分かれています。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
