Skip to content

HTML5

Jump to bottom
Sebastien edited this page Aug 5, 2020 · 1 revision

Balises sémantiques

Les balises sémantiques définissent clairement le rôle du contenu qu'elles englobent. Cette information explicite aide les navigateurs à comprendre les rôles et l'importance relative de différentes parties de votre page. "FlowChart"

  • Balise <header>

Comme son nom l'indique la balise <header> est la balise d'entête (Il ne s'agit pas de la balise <head>. Là on parle de conteneurs, donc ce sont des balises intégrées dans la balise <body>).

Si par exemple le site appartient à une entreprise, alors la balise <header> contiendra des informations comme le logo, l'enseigne ou le slogan.

Il ne faut pas s'attendre à ce que le navigateur place la balise <header> en haut de la page. Elle sera affichée là où elle a été déclarée. Il faut donc faire en sorte de la mettre en haut de la page en la déclarant en premier ou en utilisant des styles CSS.

  • Balise <footer>

La balise <footer> est le pied de page. Elle doit normalement être placée en bas de celle ci ou en bas d'un bloc. Elle contient des informations en guise de conclusion. Elle peut aussi contenir des liens du bas de page, les copyrights ou des mentions spécifiques comme les termes légaux ou les conditions d'utilisation...

  • Balise <section>

La balise

constitue un bloc principal qui traite le même sujet ou contient des informations de même nature. C'est généralement la partie dont le contenu change d'une page à une autre. Une section peut contenir sa propre entête <header> et son propre pied de page <footer>.
  • Balise <aside>

La balise <aside> renferme du contenu supplémentaire à un bloc. Elle peut être placée dans la balise

ou déclarée à part. Le contenu qu'elle peut inclure peut représenter des liens annexes à un sujet traité dans une section, la définitions d'un terme apparu avant, les références d'une publication...
  • Balise <article>

La balise <article> est destinée à accueillir des informations externes au site Web. En effet, une page ne contient pas toujours que notre propre contenu. On peut, au choix, mettre des blocs qui contiennent des données provenant d'autres site Web comme la météo, les flux RSS, les annonces ou la publicité. Le meilleur endroit pour mettre ce contenu c'est dans la balise

. De cette manière le navigateur et les outils de recherche de et d’indexation savent que ce sont des données qui proviennent d'ailleurs.

Auteur

Bastien-OC20 2020

Clone this wiki locally