details
詳細情報の表示

version 
2.0
3.2
4.0
5.0
分類(HTML5)
フロー・コンテンツ、インタラクティブ・コンテンツ、セクショニング・ルート
機能分類
フォーム
終了タグ

詳細を表示するHTML5の新要素。
ユーザーの操作によって、開く閉じるが可能な、いわゆるエキスパンダーとも呼ばれる機能を実現するための要素。
現在(2010年4月)、この要素を実装しているブラウザはありませんが、これまでJavaScript で実現していたことを考案すると、より使いやすくなるのでしょう。

  • *
    【属性】
    • -
      open
      表示制御
      open="open"
  • *
    【例】

    <details open="open">
    <summary>ダウンロード中</summary>
    <progress value="50" max="100">30%</progress>
    </details>

    あなたのブラウザでの見え方

  • *
    【関連タグ】

    summary

  • *
    【バージョン】

    HTML5で新設