L'élément HTML <details> est utilisé comme un outil de communication à partir duquel l'utilisateur peut récupérer des informations supplémentaires.

Attributs

Comme tous les éléments HTML, cet élément accepte les attributs universels.

open
Cet attribut booléen indique si les détails seront affichés lors du chargement de la page. La valeur par défaut est false (les détails sont alors cachés).

Exemples

HTML

<details>
  <summary>Des détails</summary>
  <p>Plus d'infos à propos des détails.</p>
</details>

Résultat

Note : Si l'exemple ne fonctionne pas dans votre navigateur, consultez le tableau de compatibilité ci-après afin de déterminer si votre navigateur prend en charge cette fonctionnalité.

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<details>' dans cette spécification.
Standard évolutif  
HTML5.1
La définition de '<details>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari Edge
Support simple 12 49.0 (49.0)[1] Pas de support 15 8 Pas de support[2]
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome Android
Support simple 4.0 49.0 (49.0)[1] Pas de support 30 6 45

[1] Cette fonctionnalité est disponible depuis Firefox 47 via la préférence dom.details_element.enabled qui est désactivée par défaut sauf pour les canaux Nightly et Aurora (cf. bug 1241750). La prise en charge est activée par défaut depuis Firefox 49.0 (cf. bug 1226455).

[2] Cette fonctionnalité est à l'étude pour ce navigateur.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, Elanis, louuis, msherefel, tregagnon, ThePrisoner
 Dernière mise à jour par : SphinxKnight,