footer要素

2017年8月19日

footer要素は、それを含む最も近いセクションまたはセクショニング・ルートのフッターであることを示す要素です。
最も近い要素がbodyだった場合はページ全体のフッターとなり、ほかのarticleやsectionが最も近いセクションだった場合はそれのフッターとなります。
footer要素が含む内容としては、問い合わせ先・関連文書へのリンク・記事の執筆者名などが一般的です。
索引・奥付・付録・使用許諾契約のような内容のセクションは、そのセクションごとfooter要素の中に入れられます。

HTML

1. …
2. <footer>
3.     <ul>
4.         <li>プライバシーポリシー</li>
5.         <li>ご利用ガイド</li>
6.     </ul>
7.     <small>2017 frontenddaily.work All right reserved.</small>
8. </footer>

HTML

1. <article>
2.     <footer><a href=”#”>前のページ</a></footer>
3.     <h1>HTML5入門</h1>
4.     <p>HTML5をこれから学習しようとしている方へ…</p>
5.     <p>…</p>
6.     <footer><a href=”#”>前のページ</a></footer>
7. </article>

footer要素にmain要素、セクショニングコンテンツに含まれていないheader要素とfooter要素を含むことはできません。