aside要素 - 本文と関連性の低い補足情報など

ここでは HTML5 の aside要素についてみていきます。

aside要素の概要

aside要素は、HTML5 から新たに追加された要素で、HTMLドキュメントの本文(メインコンテンツ）と関連性の低い補足情報などを表す要素です。

主要なナビゲーションには nav要素を使うので、それ以外のサイドバーにあるリンクグループ、ブログロール・広告・コンテンツの補足・注釈……といったメインコンテンツと関連性の低いものに使用します。

使用例①

サイドバーのリンクグループや広告を配置する場合は aside要素を使います。

使用例②

サイドバーに主要なナビゲーションには nav要素を、その他は aside要素を使いましょう。

使用例③

フッターに何かを配置する場合も aside要素を使うのもいいでしょう。