summary 要素項目の要約や説明文を表す
summary 要素は details 要素における、項目の要約や説明文を表します。details 要素には、summary 要素が最初の子要素として 1つ必須です。
summary 要素の仕様
- カテゴリ
-
- なし
- コンテンツモデル
-
上記いずれか、かつ 1つのヘッディング・コンテンツ
- この要素を使用できる文脈
details 要素の最初の子要素として
- この要素で使用できる属性
summary 要素のサンプルソース
<details open="open"> <summary>コンテンツメニュー</summary> <details> <summary>HTML</summary> <ul> <li><a href="/html5/tag.html">HTML5 タグリファレンス</a></li> <li><a href="/html5/info.html">HTML5 の基礎知識</a></li> <li><a href="/html5/link.html">HTML5 に関するリンク集</a></li> </ul> </details> <details> <summary>CSS</summary> <ul> <li><a href="/css/tag.html">CSS リファレンス</a></li> <li><a href="/css/info.html">CSS の基礎知識</a></li> <li><a href="/css/link.html">CSS に関するリンク集</a></li> </ul> </details> </details>
主要ブラウザの対応
| IE11 | × |
|---|---|
| Edge（EdgeHTML） | × |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | × |
| Android Chrome | ○ |