asideタグ
asideは、補足情報を表すタグです。
解説
補足情報とは、本文に関係している内容ではあるが本文中とは別の場所に書きたいような内容です。
asideはセクションのひとつです。
コンテンツ・モデル
カテゴリー (自カテゴリ) | フロー・コンテンツ セクショニング・コンテンツ |
コンテキスト (親カテゴリ) | フロー・コンテンツを許可する場所 |
コンテンツ・モデル (子カテゴリ) | フロー・コンテンツ ※mainタグは不可。 |
属性
asideタグには以下の属性が指定できます。
属性 | 説明 |
---|---|
class | クラスを指定する (例)class="hoge" |
id | IDを指定する (例)id="foo" |
style | スタイルを指定する (例)style="color:red;" |
その他のグローバル属性値については、グローバル属性をご覧ください。
サンプル
asideを使ったサンプル
<aside>
ここに補足情報を書きます
</aside>
備考
- ページの本文とは直接関係がないような内容の場合に使用します。
- HTML5で新規追加となった要素です。
関連項目
- address:問合せ先を表す
- article:HTML文章内で記事領域であることを表す
- aside:補足情報を表す
- footer:フッター領域であることを表す
- header:ヘッダー領域であることを表す
- main:ページのメインコンテンツを表す
- nav:HTML文章内でナビゲーション領域であることを表す
- section:ひとつのセクションであることを表す