summary 要素項目の要約や説明文を表す

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

summary 要素は、HTML5 仕様書 (HTML5 W3C Recommendation 28 October 2014) には含まれていません。HTML 5.1 Nightly で策定が行われています。

サンプルソースを見る

summary 要素の仕様

カテゴリ
  • なし
コンテンツモデル
この要素を使用できる文脈

details 要素の最初の子要素として

この要素で使用できる属性
DOM インタフェース
Uses HTMLElement.

summary 要素のサンプルソース

<details open="open">
 <summary>コンテンツメニュー</summary>
 <details>
  <summary>HTML</summary>
  <ul>
   <li><a href="/html5/tag.html">HTML5 タグリファレンス</a></li>
   <li><a href="/html5/info.html">HTML5 の基礎知識</a></li>
   <li><a href="/html5/link.html">HTML5 に関するリンク集</a></li>
  </ul>
 </details>
 <details>
  <summary>CSS</summary>
  <ul>
   <li><a href="/css/tag.html">CSS リファレンス</a></li>
   <li><a href="/css/info.html">CSS の基礎知識</a></li>
   <li><a href="/css/link.html">CSS に関するリンク集</a></li>
  </ul>
 </details>
</details>

W3C HTML5 仕様書

4.11.2 The summary element