Balise HTML <audio>

Recommandations de cours :

<aside> Définition et utilisation

Balise définissant du contenu en dehors du contenu de l'élément.

Le contenu de l'aside devrait être indirectement lié au contenu environnant.<aside> Astuce :

Le contenu est généralement placé en tant que encadré dans le document.<aside> Attention : <aside> Styles de l'élément (voir les exemples ci-dessous).

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Aside

Exemple

Exemple 1

Afficher du contenu en dehors du contenu de l'élément :

<p>Cette année, ma famille et moi avons visité le parc d'attractions Shanghai Haichang Ocean Park. Le temps était excellent, le parc d'attractions était très fantastique ! Ma famille et moi avons passé une belle été !</p>
<aside>
<h4>Parc d'animals marins Shanghai Haichang</h4>
<p>Le parc d'attractions Shanghai Haichang Ocean Park est situé dans la nouvelle zone de Pudong, un parc thématique autour du thème de la culture marine, couvrant une superficie totale d'environ 29,7 hectares, et est également un site touristique d'importance nationale classé AAAA.</p>
</aside>

Essayer vous-même

Exemple 2

Définir les styles de l'élément <aside> à l'aide de CSS :

<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ément aside</h1>
<p>Cette année, ma famille et moi avons visité le parc d'attractions Shanghai Haichang Ocean Park. Le temps était excellent, le parc d'attractions était très fantastique ! Ma famille et moi avons passé une belle été !</p>
<aside>
<p>Le parc d'attractions Shanghai Haichang Ocean Park est situé dans la nouvelle zone de Pudong, un parc thématique autour du thème de la culture marine, couvrant une superficie totale d'environ 29,7 hectares, et est également un site touristique d'importance nationale classé AAAA.</p>
</aside>
<p>Cette année, ma famille et moi avons visité le parc d'attractions Shanghai Haichang Ocean Park. Le temps était excellent, le parc d'attractions était très fantastique ! Ma famille et moi avons passé une belle été !</p>
<p>Cette année, ma famille et moi avons visité le parc d'attractions Shanghai Haichang Ocean Park. Le temps était excellent, le parc d'attractions était très fantastique ! Ma famille et moi avons passé une belle été !</p>
</body>
</html>

Essayer vous-même

Attributs globaux

<aside> La balise prend également en charge Attributs globaux dans HTML.

Attributs d'événement

<aside> La balise prend également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <aside> Élément :

aside {
  display: block;
}

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge le premier élément.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1