details は、普段は非表示にされているが、ユーザが詳細表示したいときだけ表示される要素を記述します。通常は、サマリのみが表示され、ブラウザがサポートする何らかの詳細表示ボタンを押した際に詳細情報が表示されます。
HTML5 のワーキングドラフトで採用が検討されていましたが、HTML5 最終案では見送られ、HTML5.1 で採用されました。HTML Living Standard でもサポートされています。Internet Explorer ではサポートされていません。
<details name="options" open> <summary>検索オプション</summary> <div><label><input type="checkbox" name="only-japanese">日本語サイトのみ</label></div> <div><label><input type="checkbox" name="no-safe-search">セーフサーチ無効</label></div> </details> <details name="options"> <summary>表示オプション</summary> <div><label><input type="checkbox" name="no-images">イメージ無し</label></div> <div><label><input type="checkbox" name="compact">コンパクト表示</label></div> </details>