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で追加されたタグです。