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
HTML Living Standard
La définition de '<summary>' dans cette spécification.
Standard évolutif  
HTML 5.1
La définition de '<summary>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple12 Non149 Non Non6
FonctionnalitéAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple4 (Oui) Non149 Non Non Non

1. In development.

Voir aussi

Étiquettes et contributeurs liés au document

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