4.メイン・コンテンツとは関連の薄いコンテンツを表す

<aside>~</aside>

aside要素は、ページのメイン・コンテンツとは関連性が薄いコンテンツを表す要素です。
メインのコンテンツと無関係ではないけれども、仮にそのコンテンツをページから切り離しても、メインのコンテンツには影響がないものに対して使います。
例えば、メイン・コンテンツを補足する記事・情報、ブログのサイドバー、広告などのコンテンツに利用できます。






■サンプル

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8”>
<title>article SAMPLE</title>
</head>
<body>
<article>
 <h1>メイン・コンテンツ</h1>
 <p>メイン・コンテンツの内容</p>
</article>
<aside>
 <h1>補足</h1>
 <p>補足の内容</p>
</aside>
</body>
</html>

■要素解説

カテゴリー:フロー・コンテンツ/セクショ二ング・コンテンツ/パルパブル・コンテンツ
利用できる場所:フロー・コンテンツが期待される場所
コンテンツモデル:フロー・コンテンツ

■ブラウザ対応状況

IE10=○、IE9=○、Firefox=○、Chrome=○、Safari=○、Opera=○、iOS6=○、iOS5=○、Android=○