Tag-ul details
Tag-ul details creează un spoiler în HTML,
adică este folosit pentru informații care
pot fi ascunse sau afișate la dorința utilizatorului.
În mod implicit, conținutul tag-ului este ascuns. Pentru
a-l afișa la cererea utilizatorului, trebuie
adăugat tag-ul
summary, care indică titlul
pentru tag-ul details. Acest titlu este întotdeauna
vizibil pe pagină (chiar dacă conținutul details
este în stare pliată) și pe el
se poate face clic pentru a desfășura textul ascuns
sau pentru a-l plia.
De asemenea, pentru a afișa conținutul ascuns se poate
folosi atributul open al tag-ului details
(de exemplu, pentru a afișa conținutul details
cu ajutorul JavaScript).
Exemplu
Să vedem cum funcționează tag-ul details:
<details>
<summary>click me</summary>
hidden text
</details>
:
Vezi și
-
atributul
hidden,
care ascunde blocurile pe pagină
