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:

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

Результат:

Lihat juga