Balise HTML <aside>
Exemple
Affichez du contenu en dehors du contenu dans lequel il est placé :
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>
Try it Yourself »
Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.
Définition et utilisation
La balise <aside> définit certains contenus en dehors du contenu dans lequel ils sont placés.
Le contenu secondaire doit être indirectement lié au contenu environnant.
Conseil : Le contenu <aside> est souvent placé sous forme de barre latérale dans un document.
Note : L'élément <aside> ne s'affiche pas de manière spéciale dans un navigateur. Cependant, vous pouvez utiliser CSS pour styliser l'élément <aside> (voir exemple ci-dessous).
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Attributs globaux
La balise <aside> supporte également les Attributs globaux en HTML.
Attributs d'événement
La balise <aside> supporte également les Attributs d'événement en HTML.
Plus d'exemples
Exemple
Utilisez CSS pour styliser l'élément <aside> :
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<aside>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
</body>
</html>
Try it Yourself »
Pages connexes
Référence HTML DOM : Objet de Aside.
Paramètres CSS par défaut
La plupart des navigateurs affichent l'élément <aside> avec les valeurs par défaut suivantes :
aside {
display: block;
}
