footerタグは2つあってもいいの?HTML5の意外なルール

「ひとつのページにfooterはひとつだけ」……なんとなくそう思っていませんか?実はHTML5のルールでは、ひとつの記事の中にfooterが複数あっても全く問題ありません。

むしろ、役割が違うなら分けたほうが構造がハッキリすることもあるんです。

なぜ複数あってもいいのか?

HTML5において、footerは「そのセクション(章や記事)に関する付随的な情報」を入れる箱と定義されています。

1つ目のfooter
記事のまとめや、あとがき
2つ目のfooter
前後のリンクや、執筆者プロフィール

このように、「中身の種類」が違えば、複数の箱を用意して整理するのは、検索エンジンにとっても親切な設計と言えます。

これを踏まえると、記事の内容に変化があったとき(話題を変えた場合など)、 section にも同じようなことが言えそうですね。