Balise details
La balise details crée un spoiler en HTML,
c'est-à-dire qu'elle est utilisée pour les informations
qui peuvent être masquées ou affichées à la demande de l'utilisateur.
Par défaut, le contenu de la balise est masqué.
Pour l'afficher à la demande de l'utilisateur, il faut
ajouter la balise
summary, qui indique le titre
pour la balise details. Ce titre est toujours
visible sur la page (même si le contenu de details
est dans un état replié) et on peut
cliquer dessus pour déplier le texte
masqué ou le replier.
On peut également utiliser l'attribut open
de la balise details pour afficher le contenu masqué
(par exemple, pour afficher le contenu de details
en utilisant JavaScript).
Exemple
Voyons comment fonctionne la balise details :
<details>
<summary>click me</summary>
hidden text
</details>
:
Voir aussi
-
l'attribut
hidden,
qui masque les blocs sur la page
