Tag details
Tag details mencipta spoiler dalam HTML,
iaitu digunakan untuk maklumat yang
boleh disembunyikan atau ditunjukkan mengikut kehendak pengguna.
Secara lalai, kandungan tag disembunyikan, untuk
menunjukkannya atas permintaan pengguna, seseorang itu harus
menambah tag
summary, yang menunjukkan tajuk
untuk tag details. Tajuk ini sentiasa
kelihatan pada halaman (walaupun kandungan details
berada dalam keadaan tergulung) dan padanya
pengguna boleh klik untuk mengembangkan teks
tersembunyi atau menggulungnya.
Juga untuk menunjukkan kandungan tersembunyi boleh
menggunakan atribut open tag details
(sebagai contoh, untuk menunjukkan kandungan details
menggunakan JavaScript).
Contoh
Mari kita lihat bagaimana tag details berfungsi:
<details>
<summary>click me</summary>
hidden text
</details>
:
Lihat juga
-
atribut
hidden,
yang menyembunyikan blok pada halaman