ユーザーが追加情報やコントロールを得ることができるディスクロージャーウィジェットを表す。（折りたたみ要素）

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

内容モデル

text/htmlにおけるタグ省略

内容属性

解説

要素の子である最初の SUMMARY 要素がもしあれば、DETAILS の要約または凡例を表す。

例

次の例は、DETAILS 要素が進捗報告書で技術的な詳細を非表示にするために使用される様子を示す。

<SECTION class="progress window">
 <H1>Copying "Really Achieving Your Childhood Dreams"</H1>
 <DETAILS>
  <SUMMARY>Copying... <PROGRESS max="375505392" value="97543282"></PROGRESS> 25%</SUMMARY>
  <DL>
   <DT>Transfer rate:</DT> <DD>452KB/s</DD>
   <DT>Local filename:</DT> <DD>/home/rpausch/raycd.m4v</DD>
   <DT>Remote filename:</DT> <DD>/var/www/lectures/raycd.m4v</DD>
   <DT>Duration:</DT> <DD>01:16:27</DD>
   <DT>Color profile:</DT> <DD>SD (6-1-6)</DD>
   <DT>Dimensions:</DT> <DD>320×240</DD>
  </DL>
 </DETAILS>
</SECTION>

Copying "Really Achieving Your Childhood Dreams"

Copying... 25%

Transfer rate:: 452KB/s
Local filename:: /home/rpausch/raycd.m4v
Remote filename:: /var/www/lectures/raycd.m4v
Duration:: 01:16:27
Color profile:: SD (6-1-6)
Dimensions:: 320×240

open属性

存在する場合、この属性は要約と追加情報の両方がユーザーに表示されることを示す。属性が存在しない場合、要約のみが表示されるようになる。

HTML5

タグ（要素）

DETAILS