summaryタグ

summaryは、要約を表すタグです。
解説
summaryは、detailsタグの子要素として使用し、detailsで指定した内容の要約(タイトル)を指定します。
コンテンツ・モデル
| カテゴリー (自カテゴリ) | なし |
| コンテキスト (親カテゴリ) | detailsタグ |
| コンテンツ・モデル (子カテゴリ) | フレージング・コンテンツ ヘッディング・コンテンツ |
属性
summaryタグには以下の属性が指定できます。
| 属性 | 説明 |
|---|---|
| class | クラスを指定する (例)class="hoge" |
| id | IDを指定する (例)id="foo" |
| style | スタイルを指定する (例)style="color:red;" |
その他のグローバル属性値については、グローバル属性をご覧ください。
サンプル
summaryを使ったサンプル
<details>
<summary>備考</summary>
<p>ここはびこう欄です。</p>
</details>
備考
ここはびこう欄です。
▶をクリックするとアコーディオン表示されます。
備考
- summaryはHTML5で追加されたタグです。