タグ details

タグ details は HTML 上のスポイラーを作成します。 つまり、ユーザーの希望に応じて表示または非表示にできる情報に使用されます。

デフォルトではタグの内容は非表示になっており、 ユーザーの要求に応じて表示するには タグ summary を追加する必要があります。このタグは タグ details の見出しを指定します。 この見出しは常にページ上で表示され（たとえ details の内容が 折りたたまれた状態であっても）、クリックすることで隠された テキストを展開したり折りたたんだりできます。

また、隠された内容を表示するには、タグ details の 属性 open を使用することもできます （例えば、JavaScript を使用して details の内容を 表示する場合など）。

例

タグ details の動作を見てみましょう:

html<details>
  <summary>click me</summary>
  hidden text
</details>

Результат:

関連項目