MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

L'élément HTML <summary> représente un résumé ou une légende pour le contenu d'un élément <details>.

Contenu autorisé Contenu phrasé ou un élément décrivant du contenu de titre.
Omission de balises Aucune, la balise ouvrante et la balise fermante sont obligatoires.
Parents autorisés Un élément <details>.
Rôles ARIA autorisés button
Interface DOM HTMLElement

Attributs

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation

  • Si l'élément <summary> est absent, c'est le titre contenu dans l'élément <details> qui sera utilisé.
  • La mise en forme par défaut pour <summary> est display:list-item, tel qu'indiqué dans le standard HTML. Si la mise en forme est surchargée avec display:block, l'icône triangulaire qui révèle le contenu sera masquée, ce qui correspond au comportement attendu (cf. bug 1283989 pour plus d'informations).

Exemples

HTML

<details>
  <summary>Détails produits</summary>
  <p>Ce produit a été fabriqué par
  ACME et respecte les pandas.</p>
</details>

Résultat

Spécifications

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

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 12 49.0 (49.0) Pas de support Pas de support 6
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 4.0 49.0 (49.0) Pas de support Pas de support Pas de support

Voir aussi

Étiquettes et contributeurs liés au document

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