webmas.jp

<aside> はページ内の主要なコンテンツの補足情報等に使用します。aside という単語は日本語では「かたわらに」「余談」といった意味を持つようです。

• サイドバー
• 補足説明
• 用語説明

主にこれらの使用方法が想定されますが、まずは <article> とセットで使用することをおすすめします。article に記事本文、aside に同カテゴリ内のリンク一覧を表示するという使い方ができます。

分類

フローコンテンツ、区分コンテンツ

内包できるもの

フローコンテンツ

サンプル

<article>
<h2>Surface Duo とは</h2>
<p>Microsoft が開発した二画面スマートフォンであり…</p>
</article>

<aside>
<h2>Surface デバイス一覧</h2>
<ul>
	<li>Surface Pro</li>
	<li>Surface Book</li>
	<li>Surface Laptop</li>
	<li>Surface Studio</li>
	<li>Surface Go</li>
	<li>Surface Pro X</li>
	<li>Surface Neo</li>
	<li>Surface Duo</li>
	<li>Surface Hub</li>
</ul>
</aside>

article の本文に対し、aside で関連リンクをまとめています。