HTML <aside> 要素は、メインコンテンツとの関連性が希薄でメインコンテンツから切り離すことが可能なセクションを表します。いわゆる「サイドバー」や、メインの記事内のコラムの部分に頻繁に用いられます。サイドバーにおいて用語の定義、あるいは関連性を持つ広告、著作者に関する情報、Web アプリケーション、ブログのプロフィール情報や関連リンクなどの情報に用います。
使用上の注意:
- 文章中の括弧書きについては、文章のフローに属するものであるといえます。よって、ここに
<aside>要素を使用するのは不適切です。
| コンテンツカテゴリ | フローコンテンツ、セクショニングコンテンツ、パルパブルコンテンツ |
|---|---|
| 許可された内容 | フローコンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可された親要素 | フローコンテンツを受け入れるすべての要素。<aside> 要素は <address> 要素の子孫要素として配置してはならない。 |
| DOM インターフェイス | HTMLElement |
属性
この要素は、すべての要素で使用可能なグローバル属性以外の属性を持ちません。
例
<article>
<p>
The Disney movie <em>The Little Mermaid</em> was
first released to theatres in 1989.
</p>
<aside>
The movie earned $87 million during its initial release.
</aside>
<p>
More info about the movie...
</p>
</article>
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<aside>' in that specification. |
Living Standard | |
| HTML5 The definition of '<aside>' in that specification. |
勧告 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 4.2 |
関連情報
- 他のセクション関連要素:
<body>,<article>,<section>,<nav>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<hgroup>,<header>,<footer>,<address> - HTML5 ドキュメントのセクションとアウトライン