<footer> - フッター

• トップ
• HTMLリファレンス
• <footer>

• 概要
• 説明
• 属性
• 使用例
• 詳細
  • footer 要素の入れ子
• 関連項目
• リンク

概要

形式

<footer>～</footer>

サポート

https://caniuse.com/mdn-html_elements_footer

カテゴリ

フローコンテンツ
パルバブルコンテンツ

親要素

フローコンテンツ を子要素に持てるもの

子要素

HTML Living Standard: フローコンテンツ (ただし、header, footer, main を子孫に持つことはできない)

HTML 5.2: フローコンテンツ (ただし、セクショニングコンテンツ の子孫ではない header, footer, main を子孫に持つことはできない)

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

説明

footer は文書のフッター情報を記述します。フッターには、作者、関連文書へのリンク、著作権情報などを記述します。

footer 要素が区分コンテンツ (<article>, <aside>, <nav>, <section>) に含まれる場合は区分コンテンツのヘッダ情報であることを示します。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

使用例

<article>
  <h3>タイトル...</h3>
  <p>本文...</p>
  <footer>
    <address>
      <a href="mailto:yamada@example.com">yamada@example.com</a>
    </address>
    <div class="copyright">Copyright (C) 2017 Yamada Taro</div>
  </footer>
</article>

詳細

footer 要素の入れ子

HTML5 では、header や footer 要素を入れ子にすることは禁じられていましたが、HTML 5.1 では、セクショニングコンテンツ (article, aside, nav, section) で階層化されている場合には、header や footer 要素を入れ子にすることが可能となりました。

<article>
  <header>
    <h1>...</h1>
    <aside>
      <header>
        <h2>...</h2>
        <p>...</p>
      </header>
      <p>...</p>
    </aside>
  </header>
  <p>...</p>
</article>

関連項目

• <article>
• <aside>
• <nav>
• <section>

リンク

• https://html.spec.whatwg.org/multipage/sections.html#the-footer-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/footer
• https://caniuse.com/mdn-html_elements_footer