Si vous le souhaitez, allez lire le tutoriel complet sur le HTML 5 et le CSS 3 que j’ai écrit.
Le HTML 5 est la prochaine version importante du HTML. Bien qu’étant en compétition avec le XHTML 2, le HTML 5 fait davantage parler de lui parce qu’étant plus facilement implémentable et plus pragmatique dans l’utilisation des nouvelles balises qu’il introduit.
Quoi de neuf chez les balises ?
J’avais déjà parlé du HTML 5 l’an dernier, en parlant notamment des balises visant à structurer le contenu. Mais l’intérêt du HTML 5 se trouve surtout dans ces balises qui vont grandement faciliter la création d’applications web.
- <canvas>
Une balise dans laquelle on peut dessiner avec du JS. A priori on peut faire beaucoup plus avec.
Exemples : dessiner, labyrinthe ou encore mieux : Bespin par Mozilla, un éditeur de code utilisant canvas et JS - <video>
La vidéo est aujourd’hui implémentée sur le web grâce à différents plugins (Silverlight, Quicktime, WMP et surtout Flash). Pourquoi ne pas utiliser une simple balise <video> ?
Exemples : YouTube et Dailymotion font déjà des tests avec cette balise <video>, et Mozilla en parle. - Geolocation
La géolocalisation grâce à l’API de l’HTML 5.
Exemple : Where Am I géolocalise en utilisant Google Maps (il faut Firefox Beta). - App Cache
Ca permet de sauvegarder des informations en local, pour travailler offline notamment.
Exemple : des Post-It accessibles offline (il faut Safari Beta). - Workers
Un outil qui permet de mieux gérer la surcharge de JavaScript. En gros, plus de problème de ralentissement à cause d’un JS trop gourmand.
Exemple : 2 scripts qui calculent le plus grand nombre premier. Le premier fait crasher le navigateur (j’ai testé…), alors que l’autre y arrive très bien.
Tous les exemples proviennent de la Google Keynote.
Lire la suite →