HTML

【HTML】footer要素

みいと

footer要素はセクションのフッターを示す

footer要素は、もっとも近いセクションのフッターであることを示す要素です。

ページ全体のフッター

footer要素に最も近い要素がbody要素の場合には、ページ全体のフッターであることを示します。

<body>
    ・
    ・
    ・
    <footer>
      ページ全体のフッター
    </footer>
</body>

footer要素の内容

footer要素には、主に下記のような内容が入ります。

  • 著作権
  • 問い合わせ先
  • 「前ページ」「次ページ」などのリンク

footer要素の注意点

footer要素には、下記のような注意点があります。

  • セクションの前の方においても良い
  • footer要素に含むことができない要素がある

セクションの前の方においても良い

footer要素はセクションの最後に置くことが多いですが、最後に置かなければいけないわけではありません。

footer要素をセクションの前方においても問題ありません。

また、前方と後方の両方に配置することもできるようです。

footer要素に含むことができない要素がある

footer要素には、下記の要素を含むことはできません。

footer要素に含むことができない要素

  • header
  • main
  • footer

footer要素のまとめ

footer要素は、セクションのフッターを示します。

セクションの最後に配置する必要はありませんが、含むことができない要素もあるので注意しましょう。

まとめ
  • footer要素はセクションのフッターを示す
  • 一番近いセクションがbodyの場合はページ全体のフッターになる
  • footer要素には、著作権や問い合わせ先などの情報を入れる
  • セクションの前方に配置しても良い(前方・後方の複数も可)
  • header、main、footerを含むことはできない
ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました