summary要素：HTML Living Standard各要素別メモ

概要

カテゴリー

• なし。

配置できる場所

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

内容モデル

• Phrasing content。Heading contentの混在も可。

属性

• グローバル属性

HTML構文におけるタグの省略

• 省略不可。

WAI-ARIA

• roleは指定不可。
• aria-disabled属性、aria-haspopup属性も指定可。
• 注記：デフォルトroleはなしと規定されるが、現状では、多くのユーザーエージェントが、デフォルトroleをbuttonとして処理している。

視覚系ブラウザのデフォルトとして期待されるCSS

  summary {display: block; unicode-bidi: isolate;}

  details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: disclosure-closed inside;
  }

  details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
  }
  

意味・用法

親details要素の要約、キャプション又は凡例を表す。

私見・補足

実装としては、これをクリックすることによって、details要素の表示・非表示が切り替えられるようになると思われる。

表示確認

details要素を参照。