Le fait de baliser votre document HTML va permettre aux robots d'indexations de mieux interpréter votre page web, et donc de cibler le réel contenu que vous souhaitez mettre en avant.
L'utilisation des balises sémantiques s'inscrit dans une stratégie SEO globale. Elles ne suffisent pas à améliorer le référencement naturel à elles seules, mais aident à l'optimiser au mieux. Avec un bon balisage sémantique, la lecture est à la fois facilitée pour les moteurs de recherche, mais aussi pour l'internaute.
C'est quoi les balises sémantiques HTML ? Une balise sémantique HTML décrit clairement ce qu'est un élément. Les éléments tels que<header>, <footer>, et <article>sont tous considérés comme sémantiques. Ils décrivent l'objectif d'un élément et le type de contenu qu'il y a à l'intérieur de l'élément.
HTML5 est destiné à devenir une révolution du Web. En effet il a proposé des innovations importantes telles que la création de nouvelles balises (dites sémantiques), la prise en charge du flux multimédia (audio et vidéo) sans que le navigateur ne sollicite le service des plugins, les animations 2D et 3D...
Le langage HTML5 est mieux conçu et mieux structuré
Associé à de nouveaux mots-clés, les pages conçues en HTML5 permettent une lecture et une maintenance plus aisée au programmeur. Sémantiquement, l'ajout de balises comme section ou nav; header ou footer aident à dissocier le fond de la forme du contenu.
Par exemple, des balises comme <header>, <article>, et <footer> sont des balises sémantiques HTML. Elles indiquent clairement le rôle du contenu qu'elles renferment. En revanche, des balises comme <div> et <span> sont des exemples typiques d'éléments HTML non sémantiques.
Les balises HTML sont les éléments de base du codage HTML. Elles sont utilisées pour mettre en forme un texte, structurer et hiérarchiser le contenu d'une page. Les balises indiquent également au navigateur comment afficher la page en question.
La solution HTML 5
On utilise les nouvelles balises structurantes header, nav, section, article, aside et footer introduites par HTML 5. Ces balise sont des balises doubles et sont nativement de type block comme DIV.
Passer au web sémantique, c'est offrir la capacité de lier des données entre elles. Pour pouvoir les lier, il faut pouvoir y accéder, et pour que l'on puisse y accéder, il faut les exposer. Donc, adopter les technologies du web sémantique, c'est favoriser l'ouverture des données.
Le Web sémantique (« semantic Web » en anglais) ajoute des informations sémantiques au contenu Web et donne aux machines la capacité de distinguer leur sens. (Selon le contexte, un signe, par exemple un mot, peut avoir plusieurs sens, tandis que plusieurs signes peuvent avoir le même sens.)
Le HTML sémantique est l'utilisation du balisage HTML visant à renforcer le sémantisme (la signification) des informations contenues dans les pages web, c'est-à-dire leur sens, plutôt que de se borner à définir leurs présentations (ou apparence).
Les balises HTML sont utilisées pour transmettre des informations aux différents navigateurs. Le site Web est ainsi structuré au mieux et peut être affiché correctement par chaque navigateur.
Les balises dépréciées les plus connues sont : font , basefont , center , s , u ... Les propriétés dépréciées les plus connues sont : align , width (associé à certaines balises), height (associé à certaines balises), size , color , border , background , bgcolor , border , face , target ,...
La toute première ligne d'un fichier HTML s'appelle le doctype. Elle est indispensable pour avoir un affichage correct de son fichier HTML. En effet, c'est grâce à cette balise que le navigateur web traite correctement le fichier. Elle précise la version du HTML que le fichier utilise.
Un élément HTML peut être soit constitué d'une paire de balises (ouvrante et fermante) et d'un contenu, soit d'une balise unique qu'on dit alors « orpheline ». L'élément p (qui sert à définir un paragraphe) est par exemple constitué d'une balise ouvrante, d'une balise fermante et d'un contenu textuel entre les balises.
Dans la balise <header> vu précédemment, nous pouvons ajouter une zone servant à délimiter la navigation principale du site web. Cette zone peut être définie à l'aide de la balise sémantique <nav> .
HTML utilise uniquement le cache du navigateur et les cookies pour stocker temporairement des données. HTML5 utilise les bases de données SQL du Web, le stockage local et le cache de l'application pour stocker temporairement les données. JavaScript et l'interface du navigateur s'exécutent dans le même thread.
Lorsque la balise <aside> se trouve dans un article, son contenu se réfère à l'article lui même et non au site Web (par exemple des notes de pages, un glossaire ou tout élément relatifs à l'article).