<aside> - 余談

• トップ
• HTMLリファレンス
• <aside>

• 概要
• 説明
• 属性
• 使用例
• 関連項目
• リンク

概要

形式

<aside>～</aside>

サポート

https://caniuse.com/mdn-html_elements_aside

カテゴリ

フローコンテンツ
セクショニングコンテンツ
パルパブルコンテンツ

親要素

フローコンテンツ を子要素に持てるもの

子要素

フローコンテンツ(ただし、main 要素を子孫に持つことはできない)

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

説明

HTML5 で追加されました。aside は「余談」や「挿話」を意味します。aside 要素は、周りの要素とすこしだけ関連するけれども、本文とは独立したセクションを示します。活版印刷ではサイドバーとも呼ばれることがあります。広告の集合など、ページの主要コンテンツとは区別されるリード文やサイドバーなどで使用されます。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

使用例

<main>
 ...
</main>
<aside>
 ...
</aside>

関連項目

• <section>
• <article>
• <nav>
• <details>
• <header>
• <footer>

リンク

• https://html.spec.whatwg.org/multipage/sections.html#the-aside-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/aside
• https://caniuse.com/mdn-html_elements_aside