L'élément HTML <aside> (en anglais, "aparté") représente une partie d'un document dont le contenu n'a qu'un rapport indirect avec le contenu principal du document. Les apartés sont fréquemment présents sous la forme d'encadrés ou de boîtes de légende.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Attributs
Cet élément ne comprend que les attributs universels.
Notes d'utilisation
Ne pas utiliser l'élément <aside> pour marquer du texte entre parenthèses, du fait que ce type de texte est considéré comme faisant partie du flux principal.
Exemples
Dans cet exemple, on utilise <aside> afin de baliser un paragraphe d'un article. Ici, le paragraphe n'est pas directement lié au contenu principal de l'article et c'est pour cela qu'on utilise cet élément.
HTML
<article>
<p>
Le film Disney <cite>La petite Sirène</cite> est
sorti en salles en 1989.
</p>
<aside>
<p>
Le film a gagné 87 millions de dollars pendant sa sortie initiale.
</p>
</aside>
<p>
Plus d'informations sur le film...
</p>
</article>
Résultat
Résumé technique
| Catégories de contenu | Contenu de flux, contenu de section, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu de flux. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires |
| Parents autorisés | Tout élément acceptant du contenu de flux. Notez qu'un élément <aside> ne doit pas être un descendant d'un élément <address>. |
| Rôles ARIA autorisés | feed, note, presentation, region, search |
| Interface DOM | HTMLElement |
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| HTML Living Standard La définition de '<aside>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<aside>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
aside | Chrome Support complet 5 | Edge Support complet 12 | Firefox Support complet 4 | IE Support complet 9 | Opera Support complet 11.1 | Safari Support complet 4.1 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet 11.1 | Safari iOS Support complet 4.2 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet