Ah moins d’être restés loin de votre écran depuis quelques semaines, vous avez sûrement déjà entendu parler de la sortie de firefox 3.5. Cette sortie est particulièrement exitante[1] pour les développeurs car elle implémente un paquet de fonctionalités fort alléchantes, la plupart tirées des spécifications du futur HTML5.
HTML5 va de plus en plus devenir une réalité (même si les inévitables boulets que l’on se traîne déjà depuis des années continueront à ralentir son adoption), et jai pensé que le moment était bien choisi pour effectuer un petit survol rapide des nouveautés de la bête. Les curieux pourront aller s’abreuver à la source.
Les nouvelles balises
Depuis le temps qu’on vous le répète, le html, c’est pour la sémantique, et le css, c’est pour la mise en forme. Sauf qu’une page remplie de divs, c’est quand même un peu moyen question sémantique. C’est pourquoi html5 définit de nouvelles balises destinées à organiser plus clairement vos contenus.
Saluons donc l’apparition des balises header, footer, section et article, qui seront trés certainement appréciées des blogueurs. nav permettra d’indiquer une zone de navigation (un menu, quoi), et aside une portion de contenu parallèle (un exergue, par exemple).
De nouveaux éléments interactifs font leur apparition. progress permettra d’afficher une barre d’avancement, meter une jauge, details une zone d’information additionnelle affichable à la demande, et datagrid sera utilisée pour représenter de façon interactive des données sous formes d’arbres, de listes ou de tableaux.
Certaines balises se sont vues attribuées de nouveaux attributs (marrant ça…), et d’autres ont vu leur sens redéfini, telles que b, i, hr, etc…
Pour finir, certaines balises passeront directement à la trappe, et dans le cas de frame, par exemple, elles ne seront sûrement pas regrettées.
Les médias à la fête
Parmi les nouveautés qui sont sans doute les plus attendues, on trouve les stars du moment, les balises audio et video qui permettront à vos navigateurs de gérer directement ces éléments multimédias. La balise canvas, quand à elle, permettra d’afficher dynamiquement des graphismes 2d sur la page (et même, pourquoi pas, de la 3d).
Grâce à ces balises, et aux apis correspondantes, il va devenir possible de créer de vrais applications multimédias en pur html / css / js, qui permettront (enfin) de basarder nos plugins flash tout pourris à la poubelle.
Enfin des vrais formulaires
Il faut bien l’avouer, la gestion des formulaires avec html4, c’est quand même pas de la tarte. Pas de typage précis des entrées, pas de moyen standard de tester les valeurs saisies côté client, bref… C’est du brut de pomme. Heureusement, html5 vient changer un peu tout ça.
La nouveauté la plus intéressante à mon avis réside dans la possibilité de pouvoir spécifier une validation du formulaire côté client. Il est par exemple possible d’indiquer si un champ est obligatoire ou pas. Le développeur pourra fixer des contraintes qui s’appliqueront sur les champs (min, max, pattern, autocomplete, etc.), et que le navigateur se chargera de faire respecter.
input gagne quelques nouveaux types (datetime, range, number, email, url, color, etc.) qui permettront au navigateur d’afficher directement les widgets qui vont bien.
L’attribut form permettra de spécifier à quel formulaire se rattache un champ. Ce qui signifie que les dits champs pourront se trouver n’impore où dans la page, et plus uniquement sous la balise form corrspondante.
Enfin, notons l’apparition de l’attribut autofocus, que l’on pourra attribuer à un input pour lui donner le focus dés la page chargée.
Des Apis en pagaille
De nouvelles apis feront leurs apparitions, pour permettre aux développeurs de créer de véritables applications dynamiques.
Citons les apis multimédias (audio, video, dessin 2d) déjà mentionnées. Une autre api sera destinée à faire fonctionner les applications web offline (à la google gears). Il sera possible de gérer l’édition de document ou l’historique de navigation. L’api webstorage permettra de stocker des données persistentes d’une manière autremement plus puissante qu’avec les antiques cookies. L’api de GeoLocalisation permettra au navigateur de vous localiser. Mentionnons enfin l’api de drag & drop, d’ores et déjà implémentée dans Firefox 3.5.
Pour finir
En résumé, HTML 5, ça siouxe ! Le web va enfin disposer d’un langage à la hauteur de ses usages. La spécification HTML 5 n’est qu’à l’état de brouillon, et ne sera entérinée que lorsqu’il existera au moins deux implémentations complètes différentes. Espérons que son adoption sera suffisamment rapide pour ne pas laisser de place aux silverlight, flex et autres javafx.
Notes :
- Ouais, bon, chacun ses fantasmes, hein ! [retour]
Un Commentaire
Malheureusement, l’implémentation complète n’est pas pour demain. En production, rien n’est encore utilisable…
One Trackback
[...] http://www.miximum.fr/actus/238-html5-quelles-nouveautes — Présentation en français des nouveautés apportées par HTML 5 et leur implémentation dans Firefox 3.5 [...]