最終更新日

footer要素

footer要素は、自身が含まれるセクションのフッターを表します。通常は、ページの下部に表示される、いわゆる「フッター」部分のコンテンツを指定します。フッター部分には、コンテンツの作成者、問い合わせ先、関連ドキュメントへのリンク、商標などが含まれます。フッターは、セクションの最後に表示されるのが一般的ですが、必ずしも最後である必要はありません。footer要素は、Flowコンテンツの記述箇所で使用できます。

footer要素はSectioningコンテンツではないため、そこから新しいセクションが開始されることはありません。

子要素にheader要素やfooter要素を含めることはできません。

HTML5での変更点
・footer要素は、HTML5で追加された新しい要素です。
カテゴリ タグの省略 親要素 子要素
Flowコンテンツ 省略不可 Flowコンテンツを子にできる要素 Flowコンテンツheaderfooterは除く)
属性 説明
グローバル属性 - -
イベント属性 - -
サンプルコード
<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>マクドエイド</title>
  </head>
  <body>
    <p>バーガーショップ「マクドエイド」にようこそ!</p>
    <footer>
      <p>
        <a href="about.html">マクドエイドとは</a>
        <a href="policy.html">プライバシーポリシー</a>
        <a href="contact.html">お問合せ</a>
      </p>
      <p>Copyright(c)2012 McdoAid All Rights Reserved.</p>
    </footer>
  </body>
</html>
参考文献:W3C HTML5「4.4.9 The footer element」外部リンク
HOME