Introduction à HTML5

HTML5 est la nouvelle version du standard HTML. Il apporte non seulement l'utilisation de média riches (vidéo, audio, SVG, etc.) mais aussi des fonctionnalités permettant le développement d'applications web bien plus attractives et interactives.

Étant donné que HTML5 est encore en cours d'évolution, certains navigateurs ne supportent pas encore toutes les fonctionnalités offertes par ce nouveau standard. Ceci dit Gecko (et donc Firefox) supporte déjà dans sa version 1.8.1 une majorité des possibilités de HTML5. Vous trouverez ce que Gecko supporte déjà en visitant cette page : HTML5. Pour obtenir davantage d'informations sur le support de HTML5 par de multiples navigateurs, jetez un coup d'œil sur le site CanIUse .

Indiquer que le document contient du HTML5 grâce au doctype HTML5

La doctype HTML5 est très simple, il s'agit simplement de ceci :

<!DOCTYPE html>

Cela permet au navigateur ne supportant pas encore HTML5 de passer en mode standard et ainsi d'ignorer les balises inconnues.

Il est beaucoup plus simple que les précédents doctypes, et plus court. Il est ainsi plus facile à retenir et réduit le nombre d'octets devant être téléchargés.

Déclarer l'encodage de caractères avec <meta charset>

La première chose de faîte sur une page web est de déclarer l'encodage de caractère utilisé. Dans les versions précédentes de HTML, ceci était fait en utilisant le très complexe élément <meta>. Avec HTML5, c'est beaucoup plus simple :

<meta charset="UTF-8">

Placez ceci au tout début de votre élément <head>, car certains navigateurs reprennent leur interprétation des documents HTML, si l'encodage de caractère déclaré est différent de ce qu'ils avaient anticipés. De plus, il est recommandé d'utiliser UTF-8, car il simplifie la gestions des caractères dans les documents utilisant plusieurs graphies.

Notez que HTML5 limite les encodages autorisés à ceux compatibles avec ASCII et utilisant au moins 8 bits. Ceci pour améliorer la sécurité et éviter certains types d'attaques.

Utiliser le nouveau parser HTML5

Les nouvelles règles d'analyse d'HTML5, celles qui s'occupe de la sémantique du code, ont été renforcées. Jusqu'à l'arrivée d'HTML5, seules les règles pour un code valide avaient été définies. À la moindre erreur dans le code (la plupart des sites Web en ont au moins une), le comportement à prendre était laissé à la libre interprétation des navigateurs, qui ne choisissaient pas toujours le même. Maintenant, lorsque des erreurs sont rencontrées dans le code, tous les navigateurs implémentant HTML5 doivent se comporter de la même façon.

Cette obligation aide les développeurs Web. Bien que tous les nouveaux navigateurs utilisent maintenant les règles d'analyse d'HTML5, des navigateurs ne respectant pas HTML5 sont encore utilisés. Il est toujours fortement recommandé d'écrire un code valide, car il est plus facile à lire et à maintenir, et diminue les risque d'incompatibilité avec les vieux navigateurs.

Ne vous inquiétez pas, vous n'avez rien à changer sur votre site Web, les développeurs des navigateurs ont déjà fait le nécessaire !

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : xaky, tregagnon, Goofy
Dernière mise à jour par : tregagnon,