概要
HTML の summary 要素（<summary>）は <details> 要素の内容の要約、キャプション、説明を表します。
注意:
<summary> 要素が省略された場合、「詳細」を意味する見出しが自動的に表示されます。注記: HTML 標準では、
<summary> のデフォルトスタイルは display:list-item です。スタイルを display:block に変更すると、展開用の三角印がなくなります。これは予期された動作です。詳しくは Bug 1283989 をご覧ください。使用可能な場所
| 許可された内容 | フレージングコンテンツ。または見出しコンテンツのうちひとつの要素 |
|---|---|
| タグの省略 | 不可。開始タグと終了タグの両方が必要。 |
| 許可された親要素 | <details> 要素 |
| 標準文書 | HTML5, section 4.11.2 |
属性
他の全ての要素と同様に、この要素はグローバル属性を持ちます。
DOM インターフェース
この要素は HTMLElement インターフェースを実装しています。
例
In summation, get details from the link on the next line
<summary> の使用例は、<details> のページの例を参照して下さい。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard <summary> の定義 |
現行の標準 | |
| HTML5.1 <summary> の定義 |
草案 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 12 | 49.0 (49.0)[1] | 未サポート | 未サポート | 6 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 4.0 | 49.0 (49.0)[1] | 未サポート | 未サポート | 未サポート |
[1] この機能は Firefox 47 から使用できますが設定項目 dom.details_element.enabled で制御しており、Nightly および Aurora バージョンを除き既定値は false です。 (バグ 1241750)。Firefox 49.0 より、この機能がデフォルトで有効になります。すなわち、設定項目の既定値が true になります (バグ 1226455)。