<footer> - フッター

目次

概要

形式
<footer></footer>
サポート
https://caniuse.com/mdn-html_elements_footer
カテゴリ
フローコンテンツ
パルバブルコンテンツ
親要素
フローコンテンツ を子要素に持てるもの
子要素
HTML Living Standard: フローコンテンツ (ただし、header, footer, main を子孫に持つことはできない)
HTML 5.2: フローコンテンツ (ただし、セクショニングコンテンツ の子孫ではない header, footer, main を子孫に持つことはできない)
タグの省略
開始タグ:必須 / 終了タグ:必須
属性
グローバル属性

説明

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

Header
Main

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

属性

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

使用例

HTML
<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>
表示
タイトル...

本文...

詳細

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

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