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>estdisplay:list-item, tel qu'indiqué dans le standard HTML. Si la mise en forme est surchargée avecdisplay: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 |

