Affinity-web`Blog

Après vous avoir parlé récemment de la prochaine version de PHP (la sixième), voici maintenant des informations sur la prochaine évolution de l'HTML en bonne partie tiré d'un article anglophone de A List Apart.

Si vous avez suivi le lien vers A List Apart, vous avez pu découvrir que l'article se nomme "preview of HTML 5", surprenant étant donné qu'actuellement nous travaillons avec xHTML et non plus HTML4. Il faut savoir que la prochaine version de l'HTML a provoqué de nombreux débats. Le W3C, organisme émettant les recommandations des standards du web, supervisé par Tim Berners-Lee le principal inventeur du web, a proposé le xHTML2 comme évolution du xHTML. Mais devant les profonds bouleversements proposés (pas de rétrocompatibilité avec HTML4/XHTML1 en autres), un autre groupe de travail c'est formé, le WHATWG composé de Mozilla, Opera et Apple travaillant sur le HTML5.

Finalement, le W3C a realisé qu'imposer un changement brutal avec le xHTML2 ne marchera pas, et a rejoins le WHATWG sur le travail du HTML5. Néanmoins, le xHTML2 reste en développement pour d'autres domaines et le HTML5 proposera une déclinaison xml pour en faire une évolution à la fois du HTML4 et du xHTML.

La seule chose à retenir est que l'HTML5 est la prochaine version du langage, voyons maintenant ce qui nous attend.

La structure

L'HTML5 va introduire de nouvelles balises pour structurer les pages, voici un exemple d'une page actuelle en xHTML :

Des balises header, nav, article, section, aside, footer apparaîssent en HTML5 pour mieux structurer le document, elles se comportent comme des divs. Notre structure devient :

Il est alors très facile de structurer une page avec l'ajout de ces nouveaux éléments, on peut très bien utiliser plusieurs balises de chaque type et leur associer des id et class. Pour les navigateurs non visuels, c'est un excellent moyen de leur indiquer d'aller directement aux balises article ou nav.

Audio et vidéo

Mais le véritable air de paradis vient de l'ajout des balises video et audio, c'est la fin des players flash, windows media player ou quicktime. Les navigateurs seront en mesure de jouer vos musiques et vidéos nativement, c'est une véritable révolution qui se prépare.

L'attribut controls est un booléen permettant de spécifier le démarrage automatique ou pas de la vidéo et musique, l'attribut poster permet d'attribuer une image à la vidéo pour les navigateurs ne supportant pas la vidéo ou le HTML5.

Les balises audio et vidéo permettent de spécifier différentes sources et d'ajouter d'autres balises à l'intérieur, par exemple un lien pour télécharger la musique.

Il existe bien entendu des balises button permettant avec du javascript de contrôler la lecture, l'arrêt des médias, de revenir au début, et bien d'autres choses encore.

Associer à du CSS, ces players sont totalement skinnables et permettront de simplifier l'ajout de vidéos et musiques sur Internet.

Enfin, comme je vous l'annonçais l'HTML5 se veut l'évolution à la fois du HTML4 et du xHTML, il existera donc deux types de syntaxes. Celle du HTML :

Et celle du xHTML :

Il s'agit du même type de différence entre HTML4 et xHTML, la première permettra une meilleure compatibilité avec les navigateurs anciens et des tags et attributs pourront être omis. A l'inverse la deuxième syntaxe reprendra celle du XML, la rendant plus facile à maintenir mais plus sctricte.

Ces quelques fonctionnalités mises en avant sont très intéressantes. Hélas, nous aurons largement le temps d'en reparler, d'ici qu'un certain navigateur intègre ces fonctionnalités et que les utilisateurs comprennent qu'il faut mettre à jour son navigateur...

Les derniers articles de la catégorie : Programmation

• Tuto PHP : couper une chaîne fin d'un mot
• IE 6 enfin accessible sous Windows Vista
• Tuto: menu rollover et preload des images
• Un site web valide W3C ne prouve rien ...
• PHP6 à l'approche !
• Tuto : Système de vote Ajax via Prototype
• Tutorial : Ajax avec Prototype