summary要素

summary要素はHTML5から新たに追加された要素です。

details要素と組み合わせてディスクロージャーウィジェットとして機能します。

details要素のコンテンツの要約、キャプションや判例を表し、押下されるとそれらのコンテンツの表示非表示を切り替えることができます。

使用例

<details>

<summary>概要テキスト</summary>



詳細テキスト詳細テキスト詳細テキスト

</details>

使用可能な属性

• 全てのグローバル属性

コンテンツカテゴリ

• なし

子要素にしていい要素の種類

• フローコンテンツ、または1つのヘディングコンテンツ

親要素にしていい要素の種類

• details要素
  • ただし最初の子要素として

仕様書と策定状況