HTML <aside> Tag
Exemple
Affichez du contenu à part du contenu dans lequel il est intégré :
<p>Ma famille et moi avons visité le centre Epcot cet été. Le temps était agréable, et Epcot était incroyable ! J'ai passé un excellent été avec ma famille !</p>
<aside>
<h4>Centre Epcot</h4>
<p>Epcot est un parc à thème au Walt Disney World Resort, proposant des attractions passionnantes, des pavillons internationaux, des feux d'artifice primés et des événements spéciaux saisonniers.</p>
</aside> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
Le <aside> tag définit un contenu à part du contenu dans lequel il est intégré.
Le contenu aside doit être indirectement lié au contenu environnant.
Conseil : Le contenu <aside> est souvent placé comme une barre latérale dans un document.
Remarque : L'élément <aside> ne s'affiche pas comme quelque chose de spécial dans un navigateur. Cependant, vous pouvez utiliser CSS pour styliser l'élément <aside> (voir l'exemple ci-dessous).
Support des Navigateurs
Les chiffres 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
Le <aside> tag prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
Le <aside> tag 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>L'élément aside</h1>
<p>Ma famille et moi avons visité le centre Epcot cet été. Le temps était agréable, et Epcot était incroyable ! J'ai passé un excellent été avec ma famille !</p>
<aside>
<p>Le centre Epcot est un parc à thème au Walt Disney World Resort, proposant des attractions passionnantes, des pavillons internationaux, des feux d'artifice primés et des événements spéciaux saisonniers.</p>
</aside>
<p>Ma famille et moi avons visité le centre Epcot cet été. Le temps était agréable, et Epcot était incroyable ! J'ai passé un excellent été avec ma famille !</p>
<p>Ma famille et moi avons visité le centre Epcot cet été. Le temps était agréable, et Epcot était incroyable ! J'ai passé un excellent été avec ma famille !</p>
</body>
</html> Pages Associées
Référence HTML DOM : Objet Aside
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <aside> avec les valeurs par défaut suivantes :
aside {
display: block;
}