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>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La <aside>
balise définit un contenu en dehors du contenu dans lequel elle est placée.
Le contenu de côté doit être indirectement lié au contenu environnant.
Conseil : Le <aside>
contenu est souvent placé sous forme de barre latérale dans un document.
Remarque : L' <aside>
élément ne s'affiche pas comme quelque chose de spécial dans un navigateur. Cependant, vous pouvez utiliser CSS pour styliser l' <aside>
élément (voir l'exemple ci-dessous).
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'élément.
Element | |||||
---|---|---|---|---|---|
<aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Attributs globaux
La <aside>
balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <aside>
balise prend également en charge 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>
Pages connexes
Référence HTML DOM : Objet de côté
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <aside>
élément avec les valeurs par défaut suivantes :
aside {
display: block;
}