![[title]](http://www.tahiticlic.com/files/imagecache/vignette300-coins/logo-html5-w3c.jpg "[title]"){kind=logo}
Petites définitions
L’HyperText Markup Language – HTML – est un format de données pour les pages Web : il a été conçu pour structurer et mettre en forme le contenu des pages, afin d’y inclure, aussi bien des ressources multimédia que des formulaires de saisie ou des applets (éléments programmables). Initié dans les années 90, il a poursuivi son développement, dictant l’évolution de World Wide Web. Depuis 1997, les développeurs utilisent sa version HTML 4…
Le travail sur le HTML 5 (successeur de l’HTML 4.01) a débuté à la fin de l’année 2003, mais il faudra attendre 2007 pour que le W3C officialise la version à l’étude et l’intègre dans son propre groupe de travail. Le Word Wide Web Consortium (W3C) est un organisme de standardisation, créé dans le but de promouvoir la comptabilité des technologies WWW. Dès lors, l’axe de travail, sur le HTML 5, s’est orienté sur sa rétrocompatibilité avec ses versions précédentes, ce qui a ralenti son développement… Malgré tout, le W3C avait programmé la clôture des ajouts de fonctionnalités, le 22 mai dernier et une finalisation de la spécification, en 2014.
Face à ce calendrier, la majorité des développeurs se forme à ce nouveau standard du Web pour offrir, à leurs clients, un outil conforme aux spécifications futures.
Les nouveautés du HTML 5
Le HTML 5 crée un standard pour de nombreuses fonctionnalités qui, jusqu’ici, étaient disponibles à l’aide de plugins (un petit logiciel qui complète le cadre dans lequel il s’inscrit, pour ajouter des fonctions spécifiques). En standardisant cela, le HTML 5 augmente l’accessibilité, à tous les internautes, des sites les plus évolués.
Une meilleure accessibilité
Construit et travaillé dans ce sens, le HTML5 permet d’accéder aux pages web utilisant diverses technologies.
Un code propre et plus facile à comprendre
Le HTML 5 permet de nettoyer automatiquement le code, pour simplifier la structure de la page et l’alléger en termes de poids. Par ailleurs, grâce à ses balises plus explicites, le code est plus facile à modifier et à reprendre. En matière d’intégration du design, la future spécification, par sa simplicité d’utilisation et sa rapide maîtrise par tous, permettra d’unifier le travail des web designers, actuellement assez inégal. Enfin, certaines balises, comme <body>, vont disparaitre au profit d’autres tags sémantiques, comme <nav> (liens de navigations ou menus), <section> (détermine chapitres, en-tête et pied-de-page et toute autre section du document) ou <article> (qui traduit un texte émanant d’une source extérieur au site comme journal, blog ou forum).
La géolocalisation
Grâce au langage HTML 5, les navigateurs (Firefox, Internet Explorer, Chrome, etc.) pourront connaître la position de l’internaute.
Le stockage des données
Jusqu’ici, les données étaient stockées du côté serveur, mais HTML 5 fournit une API qui permet de sauvegarder, de manière temporaire, vos données critiques, pour être ensuite réutilisées par le client ou soumises au serveur. Imaginez, par exemple, la sauvegarder des détails d’un panier d’achat, même après la déconnection au compte, pour une courte période de temps. Intéressant, non ?
Les formulaires
Les développeurs vont disposer d’un outil qui simplifiera la gestion des formulaires, sans qu’ils aient à faire appel à de longs scripts javascripts. En outre, du point de vue des utilisateurs, ils observeront une nette amélioration des éléments du formulaire.
Focus sur la grande nouveauté d’HTML5 : l’interactivité
Le HTML 5 permet de construire des applications Web dynamiques, sans avoir à utiliser d’autres langages. Il dispose de son propre lecteur vidéo ou audio (entièrement personnalisable graphiquement avec les CSS), qui peut afficher une image de remplacement mais aussi charger un fichier ou aller directement à un point précis de la vidéo ou de la bande son (ex : YouTube le permet déjà).
Les balises <audio> et <video>
La balise <audio> permet de gérer la lecture de fichiers audios en streaming (ou en mode continu) tandis que la balise «<vidéo> s’intéresse aux fichiers vidéos. Jusqu’ici, la technologie Flash, disponible pour tous les navigateurs, permettait de réaliser ces différentes tâches. Désormais, sans plugins, le document pourra être simplement lu et répondre à quelques injonctions, comme, par exemple, avec <src> : pour fournir l’url du fichier média à lire (il suffira alors d’en mettre plusieurs pour créer sa playlist) ou encore <loop> : pour lire en boucle, etc.
La balise <Canvas> pour un dessin dans la page
Canvas est un composant de HTML qui permet de faire des dessins vectoriels dans une page. Déjà implémenté dans certains navigateurs, il s’intégrera dans la spécification HTML5. Que ce soient des graphiques ou l’interface d’une application, cet outil permet de créer des éléments dynamiques et interactifs, en mettant en place une zone <canvas>, avec sa hauteur et sa largeur définis.
Où en est l’HTML 5 aujourd’hui ?
La majorité des navigateurs ont, d’ores et déjà, implémenté certains éléments, mais aucun ne bénéficie, aujourd’hui, de l’ensemble des nouvelles fonctionnalités promises par ce nouveau standard du Web (il faudra attendre les mises à jour !)
Ainsi, si vous désirez que votre site soit écrit en HTML5, sachez que certaines applications Web sont disponibles sur la version beta de quelques navigateurs mais qu’il est encore fortement conseillé de recourir au Javascript traditionnel, le temps que tout s’harmonise. Au niveau de la structure et des balises, il est, en revanche, tout à fait possible de les utiliser car même si les navigateurs ne les comprennent pas encore toutes, ils n’envoient pas de message d’erreur.
Vos réactions
Poster un nouveau commentaire