Semantique Théorie HTML 5
1. Pourquoi ?
Faciliter l'extraction de donnée et la compréhension du code en donnant un sens aux balises.
Attention qu'à l'heure actuelle l'utilisation des balises HTML5 qui suivent n'apporte aucun bonus en terme de SEO.
Le but désavoué de la sémantique HTML 5 est d'utiliser le moins de classes possible.

2. Les balises
a. <header> : l'en-tête
- La plupart des sites web possèdent en général un en-tête, appelé header en anglais. On y trouve le plus souvent un logo, une bannière, le slogan de votre site…
b. <footer> : le pied de page
- À l'inverse de l'en-tête, le pied de page se trouve en général tout en bas du document. On y trouve des informations comme des liens de contact, le nom de l'auteur, les mentions légales, etc.
c. <nav> : Liens de navigation
- La balise <nav> regroupe les liens vers d'autres pages ou des parties de la page actuelle. Est souvent composée de liste.
- Les liens dans le footer n'ont pas besoin d'être dans une balise nav. Footer est suffisant dans ce cas.
d. <article> : un élément indépendant
- La balise <article> sert à englober une portion généralement autonome de la page. C'est une partie de la page qui pourrait ainsi être reprise sur un autre site (mais aussi partagé dans un flux rss). C'est le cas par exemple des actualités, d'un poste de forum, une entrée de blog, un commentaire, un widget interactif ou n'importe quel autre élément indépendant.
- Il contient son h1.
- Il peut être composée d'un header (si c'est le cas, avec un h1) et d'un footer si nécessaire.
- Il peut être composé de plusieurs sections qui correspondent aux chapitres de l'article par exemple mais aussi d'un autre article. e. <section> : un groupe de contenu ayant un lien commun
La balise <section> sert à regrouper des contenus en fonction de leur thématique. Elle englobe généralement une portion du contenu au centre de la page. Des exemples de sections peuvent être des chapitres, plusieurs pages rassemblées dans une boite de dialogue ou un