Le tag <aside> a été récemment ajouté à HTML5. Il définit la section, qui contient les informations complémentaires au département principal. Cette information est facultative, et si vous la supprimez, le contenu principal ne sera pas affecté. Ces informations peuvent être des commentaires, une information de référence, des listes des termes, une collection des liens etc.

Nous rappelons, que le tag <aside> ne doit pas être utilisé pour définir le texte entre parenthèses.

Syntaxe

Le contenu du conteneur est écrit entre le tag <aside> ouvrant et le tag </aside> fermant. Le tag <aside> est en bloc, cela signifie qu’il peut contenir n’importe quels éléments HTML.

Exemple

<!DOCTYPE html>
<html>
  <body>
    <p>J’aime regarder le Game of Thrones.</p>
    <aside>
      <h4>
      Game of Thronesh4>
      <p> Série télévisée américaine dans le genre fantastique, basée sur la série de romans "Song of Ice and Fire" de George RR Martin.</p>
    </aside>
  </body>
</html>

Résultat

Game of thrones

Attributs

Le tag <aside> supporte les Attributs globaux.

Comment styler le tag HTML <aside> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <aside>:

Coloration du texte dans le tag HTML <aside>:

Styles de mise en page du texte pour la tag HTML <aside>:

Autres propriétés utiles pour le tag HTML <aside>:

Support de Navigateurs

chrome firefox safari opera
6+ 4+ 5+ 11.1+

Pratiquez vos connaissances

Qu'est-ce que la balise HTML 'aside' signifie et où est-elle utilisée généralement?
Trouvez-vous cela utile?