今日の人気記事

まだデータがありません。

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

当ページのリンクには広告が含まれています。

スポンサーリンク

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

aside要素の概要

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

カテゴリー フロー・コンテンツ
セクショニング・コンテンツ
コンテンツモデル フロー・コンテンツ
利用場所フロー・コンテンツが置ける場所

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

使用例①

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

使用例②

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

使用例③

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