summary(サマリー)要素はdetails要素における、項目の要約や説明文を表します。details要素には、summary要素が最初の子要素として 1つ必須になる。

summary要素説明
カテゴリーなし
コンテンツモデルフレージングコンテンツ
ヘッディングコンテンツ
上記いずれか、かつ 1つのヘッディング・コンテンツ
使用できる場所details 要素の最初の子要素として記述

summary要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<p><b>summary要素とは</b></p>
<details open>
  <summary>概要</summary>
    <p>details要素によるディスクロージャー・ウィジェットの見出し(要約、説明)を表す要素。</p>
</details>
<details>
  <summary>カテゴリー</summary>
    <p>どのカテゴリーにも属さない。</p>
</details>
<details>
  <summary>コンテキスト</summary>
    <p>details要素の1つ目の子要素として使用できる。</p>
</details>

表示

summary要素とは

概要

details要素によるディスクロージャー・ウィジェットの見出し(要約、説明)を表す要素。

カテゴリー

どのカテゴリーにも属さない。

コンテキスト

details要素の1つ目の子要素として使用できる。

カテゴリー: