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 :

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

Результат:

Voir aussi