HTML Tag Reference

summary 要素

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

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

summary 要素の仕様

カテゴリ
  • なし
コンテンツモデル

上記いずれか、かつ 1つのヘッディング・コンテンツ

この要素を使用できる文脈

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

この要素で使用できる属性

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>

主要ブラウザの対応

IE11 ×
Edge(EdgeHTML) ×
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。