Attendu comme une révolution par les développeurs web, HTML5 promet de belles avancées pour la création d’applications et d’interfaces riches disponibles sur la toile. Mais qu’elles sont-elles au juste ? Petit point sur le sujet.

Alors qu’Apple refuse toujours de faire tourner Flash sur ses appareils en allant jusqu’à modifier la licence du Store pour n’autoriser que les applications développées en Objective C ou HTML, HTML5 se pose en alternative à la création de programmes multi-plateformes.

Dernièrement, Steve Jobs encourageait Adobe à proposer de nouveaux outils de développement pour HTML5. Le directeur technique d’Adobe répondit que non seulement ils le feraient, mais qu’ils allaient faire « les meilleurs outils du monde pour HTML 5 » !

En attendant ces -superbes- outils, Ajaxian a trouver de son côté « le meilleur diaporama jamais réalisé sur HTML5 »

Créé par les ingénieurs de Google, Marcin Wichary et Ernest Delgado, ce tour d’horizon très complet est réalisé lui même en HTML5. Il faudra de préférence Chrome pour le visionner. En effet, Chrome et son moteur Webkit intègre déjà quelques unes de ces nouveautés et Google pousse depuis longtemps pour les intégrer dans les navigateurs les plus utilisés. Sans doute car la possibilité d’améliorer ses propres applications web passe par là.

Avec Google Gears par exemple, il apporte à FireFox et à IE l’interaction avec le bureau, la sauvegarde de données en local et les processus en arrière plan. Avec Chrome Frame c’est le début du support de certaines balises HTML5, comme <canvas>, et la célérité du moteur de Chrome qui sont fournies à IE.

Mais petit à petit, ces compléments vont pouvoir être désengagés grâce à l’adoption de plus en plus large des spécifications. Même IE 9 semble être sur le coup cette fois.

Alors que se cache-t-il concrètement derrière le terme HTML5 ?

Au sens strict du terme, il s’agit de nouvelles balises et de nouveaux attributs apportés au langage HTML. Mais souvent, on entend sous ce terme l’ensemble des améliorations apportées aussi bien au niveau des styles CSS que de l’API Javascript. L’enjeu est donc d’intégrer dans les spécifications de ces trois piliers, bon nombre de fonctionnalités déjà apportés par différents navigateurs ou plugins.

En -presque- bref :

Javascript :

• Enregistrement de données en local (Web SQL Database, App Cache, Web Storage),
• Web Sockets pour faire du push de données vers les navigateurs sur le principe de COMET,
• Web Workers pour exécuter du script en tâche de fond,
• Interactions avec le bureau (boîte de Notifications, Drag and Drop ( déjà utilisé dans GMail ),
• Géolocalisation.

HTML :

• Notions de sémantique : nouveaux tags pour organiser les sections des pages ( header, nav, article, footer … ), nouveaux types de relation des liens (rel)  pour caractériser la cible et Microdonnées ( étendues des microformats ),
• Accessibilité : introduction des attributs de rôle ARIA (Accessible Rich Internet Applications),
• Web Forms 2.0 : typage des champs de formulaire, champ range représenté par un curseur. Le W3C ne précise pas si un petit calendrier doit s’afficher pour un champs date, il indique juste qu’il doit permettre la saisie d’une … date,
• Multimédia avec les fameuses balises Audio et Video,
• Canvas pour la 2D et WebGL pour la 3D. On peut se rendre compte  des capacités de Canvas dans cette vidéo de démonstration explosive. A noter aussi le support prévu de SVG. Alors que Adobe a arrêté le support de son plugin SVG pour IE, Microsoft se chargera de l’implémenter lui même dans IE9.

CSS :

• Support des polices externes,
• Effets visuels améliorés : bords arrondis, ombres et dégradés, notion de teinte, saturation et d’intensité,
• Transitions, transformations et animations. Certaines sont déjà utilisables mais préfixées -webkit- ou -moz- selon le navigateur.

Toutes ces nouveautés signent-elles la fin des applications Flash et de Silverlight ? Pas sûr, il restera malheureusement toujours des différences d’interprétation ou des désaccords entre les choix technologiques des différentes compagnies, on le voit déjà avec les divergences d’opinion sur le format des vidéos. De plus, les plugins répondent bien à la problématique d’obtenir un rendu et un comportement uniforme quelque soit la plateforme.

Enfin, même si on en parle depuis plus de 6 ans, la norme n’est toujours pas finalisée …