項 目 | 説 明 |
---|---|
記述形式 | <aside>~</aside> |
対応ブラウザー | H5+ / e9+ / Fx4+ / Op11.1+ / Ch5+ / Sa4.1+ |
種 類 (カテゴリー) |
フロー・コンテンツ,セクショニング・コンテンツ,パルパブル・コンテンツ |
置ける場所 | フロー・コンテンツが記入できる場所 |
内包要素 (コンテンツ・モデル) |
フロー・コンテンツ [ただし,子孫に main要素 を含まないこと] (コンテンツ・モデル: カテゴリー) |
<aside> は,前後の要素の内容とある程度の関連はあるものの,その部分だけを切り離せると考えられる補足的な情報を表すために使用します。 すなわち,aside要素は,それを削除した場合でも残りのメインの部分がページの内容として成り立つ場合に使うべきです。
たとえば,ブログの記事のページで,サイドバーにその記事に関連する何らかの情報を載せるような場合に,aside要素の使用が適しています。
種 類 | 名 称 |
---|---|
【固有属性】 | なし |
【グローバル属性】 | accesskey,class,contenteditable *,
dir, hidden *,id, lang,spellcheck *,style, tabindex,title,translate * |
【ARIA role属性】 で 指定可能な値 (役割) |
complementary (既定の役割のため指定対象外), note,search,または,presentation |
【ARIA aria-* 属性】 で 指定可能なもの |
ARIA グローバル状態とプロパティ, 指定可能な役割の任意の状態とプロパティ |
種 類 | 名 称 |
---|---|
【よく使うもの】 |
HTMLソース | |
---|---|
HTML <body> ~ </body> |
<aside> |
ブラウザー 表示例 |
---|
余談ですが・・・。 |