1. Description de la balise HTML <aside>
La balise HTML <aside> est une balise de sectionnement introduite dans HTML5. Elle est utilisée pour marquer du contenu qui est généralement considéré comme un contenu "adjacent" ou "en marge" par rapport au contenu principal d'une page web. L'élément <aside> est souvent utilisé pour afficher du contenu secondaire ou complémentaire qui peut ne pas être directement lié au contenu principal, mais qui offre des informations contextuelles ou supplémentaires.
L'élément <aside> représente du contenu qui est considéré comme étant en marge du contenu principal de la page. Il peut contenir des informations telles que des encarts publicitaires, des notes de bas de page, des contenus promotionnels, des liens vers des articles connexes, des citations, etc.
L'élément <aside> peut être utilisé à l'intérieur d'un élément <article> pour contenir des informations liées à l'article, ou à l'intérieur de l'élément <body> pour contenir des informations globales liées à la page.
2. Exemples d'usages de la balise <aside>
Nous allons fournir un exemple où l'élément <aside> est utilisé pour marquer le contenu "À propos de l'auteur", qui fournit des informations supplémentaires sur l'auteur du document. C'est du contenu complémentaire qui n'est pas essentiel au contenu principal, mais qui peut être intéressant pour les lecteurs.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html> <head> <title>Exemple de balise aside</title> </head> <body> <h1>Titre Principal</h1> <p>Contenu principal du document...</p> <aside> <h2>À propos de l'auteur</h2> <p>John Doe est un auteur passionné par les voyages et l'histoire.</p> </aside> <p>Contenu principal se poursuit...</p> </body> </html> |
Remarque
Notez bien que l'utilisation de l'élément <aside> ne doit pas altérer la compréhension du contenu principal. Le contenu à l'intérieur de l'élément <aside> doit être en quelque sorte "autonome" et peut être omis sans perdre la signification du contenu principal.
Younes Derfoufi
CRMEF OUJDA
1 thought on “La balise HTML <aside>”