HTML5-logoComme vous le savez tous, HTML est passé à la version 5. Nous allons donc voir les améliorations apportées au niveau du référencement et de l'ergonomie.

Le langage HTML étant celui sur lequel se base les navigateurs et moteurs de recherche pour donner un sens au texte compris entre ses balises, il convient de lui prêter une attention particulière. En effet, le bon emploi de ce langage permet d'améliorer radicalement le référencement et l'ergonomie de votre site.

Balises de structure HTML5

Structure page HTML5
: permet de définir une section/partie de votre page dont le contenu porte sur un sujet unique.
: définit une partie indépendante du document, un article ou un commentaire.
: sert à donner une introduction au bloc conteneur (page, section ou article).
: donne une conclusion au bloc conteneur (page, section ou article).

Balises d'éléments HTML5

  : sous-titre du flux audio ou vidéo de la balise conteneur.
: bloc d'image, de diagramme et de code.
: description de la figure conteneur.
: texte marqué car la réalité actuelle du contenu ne sera plus vraie plus tard.
: définit une référence minimum et maximum à une valeur.
: représente la progression d'une tâche.
: bloc réservé à un élément graphique, qui s'anime grâce à un script, et remplacera le Flash dans quelques années.
: résultat d'un calcul.
: définit un bouton.
: emplacement d'un plugin.
: emplacement d'une clé sécurisée utilisée par la suite dans des formulaires.
: définit un code écrit en Ruby.

Attributs HTML5

Le HTML5 possède une soixantaine de nouveaux attributs répondant aux besoins des développeurs. Je ne vais pas tous les citer. Je vous donne seulement quelques perles bien pratiques :

et autocomplete : active l'auto-complétion.