Coup d’oeil sur le HTML5

Accueil du site > Code > Coup d’oeil sur le HTML5

Après la fin du travail Xhtml2 prévu pour cette année, le succéseur du HTML 4 montre le bout de son nez en entrant en groupe de travail depuis le 23 avril dernier à savoir le HTML5.
L’occasion pour faire un rapide point de vue sur les nouveautés qui apporte et ses avantages en SEO.

La grande nouveauté est l’abandon par le W3C du concept de balises bloc et inline, on observe à présent une organisation en catégories qui sont les suivantes.

Metadata content
Flow content
Sectioning content
Heading content
Phrasing content
Embedded content
Interactive content

Voici à présent un rapide coup d’oeil sur les balises principales.

Doctype :
Celui ci se voit très simplifié dans son écriture et ne sert à présent d’éviter un rendu en mode Quirks

<!DOCTYPE html>
Section :
Cette nouvelle balise permet de définir les parties d’un document. Par exemple les chapitre, en-tête, pied de page,...

<section></section>
Article :
Cette balise représente un article d’une source externe (journal, blog ou forum).

<article></article>
Header :
Encore une nouvelle balise qui sert à caractériser l’entête d’une page ou d’une section.

<header></header>
Footer :

Balise servant pour le pied de page d’une section ou d’une page pour mettre les informations concernant l’auteur, les mentions légales…

<footer></footer>
Nav :
Sert à afficher la navigation menu de la page Html

<nav></nav>
Audio :
Comme son nom l’indique cette balise sert à accueillir des sources audio avec l’association de la balise <source>.

<audio></audio>
Video :
Tout comme la balise précédente cette balise permet de lire des vidéo

<video></video>

Voici une très rapide revue des balise HTML5, mais avec il y a aussi de nouveaux attribut pour :
input : datetime, datetime-local , date , month , week , time , number , range , email , url , search , color
contenteditable, contextmenu, draggable, ref, template, data, ....

En conclusion on peut voir que le HTML5 apporte de nombreuses nouveautés avec une écriture plus sémantique qui risque d’apporter une efficacité supérieure pour le référencement.

Pour avoir des informations plus complètes pour le Html5, je vous invite à consulter les articles suivants :
Alsacréations article sur le HTML5
W3C working draft

laisser un commentaire

Coup d’oeil sur le HTML5

Les inspirations du moment

Les liens sociaux