HTML – version 5

Ce tutoriel n’est pas destiné aux débutants en HTML. Il se contente de signaler toutes les nouveautés apportées par la version 5 de HTML et s’adresse donc en priorité aux développeurs Web déjà expérimentés. Il y a cependant quelques pages de révisions sur HTML4.
Ceux qui débutent dans la programmation Web doivent visiter – dans le même site – le tuto intitulé : débuter en HTML & CSS
Même les visiteurs pensant connaitre HTML4 & XHTML peuvent vérifier leurs acquis en relisant les chapitres de la partie « révisions ». Ils découvriront peut-être certaines balises et attributs de la version 4 méconnus.

Dans le cadre de ce tuto j’évoque aussi certaines API que le développeur Web doit souvent utiliser dans ses pages :

  • Google maps et son alternative libre et collaborative : OpenStreetMap
  • Google translate (service de traduction en ligne)

Nouveautés apportées par la version 5 de HTML sont très nombreuses. Citons entre autres :

  • simplification du codage en particulier du doctype
  • syntaxe plus permissive que la norme XHTML
  • apparition de balises structurantes qui évitent de recourir aux fameux div id = … qui rendaient le code illisible …
  • une notable amélioration pour les formulaires : nouveaux types de champs, nouveaux attributs qui permettent de réaliser un véritable contrôle de saisie côté client sans devoir recourir au JavaScript
  • balises AUDIO et VIDEO qui dispensent de recourir au lecteur Flash …
  • de nouveaux attributs de balise et en particulier l’attribut contenteditable mais surtout les attributs data-*. Et oui le développeur peut désormais créer ses propres attributs. Ces attributs personnalisés peuvent être ensuite utilisés par CSS et JavaScript.

Mais HTML5 c’est aussi un enrichissement notable de son langage de programmation (le JavaScript) avec de nouvelles API proprosées par le W3C Canvas, API geolocation, Web storage, etc.

Tuto HTML5