文書の骨格

`<details>` 開閉できる補足情報

重要度4 / 5

意味

クリックで開閉する補足情報をまとめる場合に使います。最初の子に <summary> を置き、見出しの役割を持たせます。JavaScriptを書かなくても開閉でき、キーボードでも操作できます。最初から開いておく場合は open 属性を付けます。

HTML

<details>
  <summary>納期の目安は？</summary>
  <p>原稿と素材がそろってから、2〜4週間が目安です。</p>
</details>

プレビュー（初期表示）

出典: MDN Web Docs（`@mdn/browser-compat-data`）