最終更新日 2021年4月7日

footer要素

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

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

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

HTML5での変更点

・footer要素は、HTML5で追加された新しい要素です。

カテゴリ	タグの省略	親要素	子要素
Flowコンテンツ	省略不可	Flowコンテンツを子にできる要素	Flowコンテンツ（header、footerは除く）

属性	値	説明
グローバル属性	-	-
イベント属性	-	-

サンプルコード

<!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」

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。