Petit point sur HTML 5
Le 22 Janvier dernier sortait le premier Working draft sur la norme HTML 5. Voila un petit billet pour faire le point de ce qu’apporte XHTML5 et de l’impact que cela pourrait avoir sur notre façon actuelle de surfer.
Un peu d’histoire :
La dernière version d’HTML date de 1999. Elle a subit une amélioration : le XHTML que nous connaissons actuellement et qui spécifie et réglemente une séparation données / présentation afin de se rapprocher du XML.
Le W3C travaille depuis sur une deuxième version d’XHTML. En parallèle, un autre groupe de travail fait son apparition en 2004 : le WATHWG, soutenu par Apple, Mozilla et Opéra. Ils sont à l’origine par exemple des « canvas« , une nouvelle balise html permettant du dessin vectoriel et une interaction avec Javascript.
Contrairement à XHTML2, qui est plutôt orienté document, HTML5 se détache par des fonctions orientées application.
Les nouveautés remarquables:
La fameuse balise canvas qui permet d’ajouter de nouveau éléments graphique à l’interface. Cette zone de dessin supporte les images vectorielles, les formes de bases, les courbes de bézier etc.. et peut être scriptée afin de faire des animations.
Cette balise est déjà utilisable aujourd’hui car supportée sur les navigateurs récents comme Firefox, Safari ou Opera). Un patch javascript a été développé pour IE toujours à la traine. Une documentation est disponible sur le site de Mozilla
Voila quelques sites ou l’on peut voir des démos :
- Graphique en fonction de la position de la souris
- Un Labyrinthe 3D à la « Counter Strike »
- Un moyeur de rendu en lancer de rayons (attention à votre CPU !)
Les balises audio et vidéo qui permettent de lire n’importe quel fichier vidéo et audio sans pour atant devoir utiliser un player. Une gestion de la lecture permettra de créer des boutions de lecture, d’arrêt etc…
Une meilleure structure des documents avec les balises « articles », « dialog », « aside », « section »
Des nouveau éléments de présentation de données comme les « datagrid », « progressmeter », « tree » permettant de nouvelles possibilités dans les interfaces riches.
Que du bon en perspective, mais pas encore d’info pour la date de mise en marche !
Un petit tour ici ou là vous permettra d’en savoir un peu plus
Billets similaires
Tags: Internet // 6 Commentaires »
[...] Petit point sur HTML 5 | ChroGeekwww.chrogeek.com/2008/08/petit-point-sur-html-5/ par jaguie il y a quelques secondes [...]
La demo de drag’n'drop/selection/regroupement de forme n’a rien à voir avec HTML5 : elle n’utilise rien de HTML5, ni canvas, ni l’api drag’n'drop de HTML5. C’est une simple demo pour montrer les capacités de SVG, avec du javascript (qui implemente le DND de façon très basique, mais absolument pas comme le spécifie HTML5). Et à xulfr, on utilise cette demo depuis des lustres dans des confs pour montrer ce que sait faire Firefox
En effet ! C’est du simple tag
Mettre du SVG dans du HTML est tout à fait valide, du moment que cela soit du XHTML (1.0, 1.1 ou la version 5 équivalente à HTML5). Si le XHTML existe, c’est justement pour pouvoir mixer plusieurs langages entre eux, et ainsi inclure du SVG (pour le graphisme), du MATHML (pour les formules de math) etc. dans une même page web. Bien sûr, SVG et MATHML ont leur propre spécification, c’est pour ça que ce n’est pas inclus dans la spécification de (X)HTML 5.
Je ne suis pas certains de ce que je vais dire mais ce n’est pas xhtml5 mais bel et bien html5…
@freeman : la spec HTML5 concerne aussi XHTML5, c’est marqué dedans http://www.w3.org/TR/2008/WD-html5-20080122/#html-vs