タグ details
タグ details は HTML 上のスポイラーを作成します。
つまり、ユーザーの希望に応じて表示または非表示にできる情報に使用されます。
デフォルトではタグの内容は非表示になっており、
ユーザーの要求に応じて表示するには
タグ
summary を追加する必要があります。このタグは
タグ details の見出しを指定します。
この見出しは常にページ上で表示され(たとえ details の内容が
折りたたまれた状態であっても)、クリックすることで隠された
テキストを展開したり折りたたんだりできます。
また、隠された内容を表示するには、タグ details の
属性 open を使用することもできます
(例えば、JavaScript を使用して details の内容を
表示する場合など)。
例
タグ details の動作を見てみましょう:
<details>
<summary>click me</summary>
hidden text
</details>
:
関連項目
-
属性
hidden、
これはページ上のブロックを非表示にします