<footer> - フッター

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

概要

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

説明

footer は、自分が含まれるもっとも直近のセクショニングルート(body, blockquote, fieldset, td要素)、またはセクショニングコンテンツ(article、aside、nav、section要素)のフッタ情報を定義します。フッタには、作者、関連文書へのリンク、著作権情報などが含まれます。

属性

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

使用例

HTML
<article>
  <h3>タイトル...</h3>
  <p>本文...</p>
  <footer>
    <div>Posted by T. Yamada</div>
    <div><a href="http://www.example.com/">http://www.example.com/</a></div>
  </footer>
</article>
表示

footer 要素の入れ子

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

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

関連項目

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

リンク


Copyright (C) 2011-2017 杜甫々
初版:2011年6月4日 最終更新:2017年12月31日
http://www.tohoho-web.com/html/footer.htm