Comment HTML 5 va changer la donne

Comment HTML 5 va changer la donne

par Arnauld de La Grandière le Mercredi 17 Juin 2009 à 14:36
Une lente évolution

Depuis l'avènement du Web, il n'y a eu que peu de changements radicaux. Nous sommes partis de simples pages HTML codées en "dur", puis nous avons eu les contenus dynamiques grâce au cumul de PHP et MySQL, et plus d'interactivité avec Javascript. Le mélange des trois technologies a abouti à Ajax, pour des pages plus réactives encore. Les feuilles de style permettent de faire évoluer le design d'un site plus simplement, et les flux RSS nous gardent informés des nouveaux contenus.

Au regard des ans, le Web avance à un train de sénateur, comparé aux autres branches de l'informatique. L'organisme qui régule les standards du web, le consortium W3C, s'est d'ailleurs vu remis en question précisément pour son inertie, poussant les développeurs de navigateurs à s'allier pour créer le WHATWG, dont les travaux ont d'ailleurs servi de base de travail pour HTML 5, en chantier depuis maintenant plus de cinq ans. Il faut dire qu'il n'est pas aisé d'effectuer une transition technologique dans le domaine des standards du web : la multitude de machines susceptibles de consulter une page web, mais également les capacités des systèmes d'exploitation ou encore la mise à jour des divers navigateurs n'y aident certainement pas.

Des contraintes gênantes

Et il faut bien dire que ça s'en ressent : aujourd'hui encore les sites internet les plus avancés sont toujours faits de bric et de broc… de faux éléments d'interface bâtis à l'aide de tableaux qui sont susceptibles à la fois d'être interactifs et d'être sélectionnés comme le serait du texte. Les sites qui permettent de faire du traitement de données ne collaborent pas entre eux, un simple copier-coller de texte enrichi peut virer au casse-tête. Des problématiques qui semblent dater de la préhistoire de l'informatique, mais qui font pourtant encore notre quotidien.

À chaque instant, les concepteurs doivent faire preuve d'ingéniosité pour se libérer des contraintes hiératiques du format HTML. Certes, il a vite été possible d'ajouter des contenus différents aux pages web à l'aide des plug-ins, mais ceux-ci ont apporté leur lot de problématiques : formats propriétaires, téléchargement et installation parfois compliqués, incompatibilité avec certaines configurations, etc. Moralité, toutes ces embuches ajoutent une nouvelle fracture numérique : pour ne pas être un internaute de seconde zone, il faut maîtriser nombre de techniques qui devraient pourtant nous être inconnues, ne serait-ce que pour ajouter une simple image sur une réaction dans un forum. Bref, autant de contradictions avec la vocation universaliste du Web. Alors qu'on parle de plus en plus d'applications web, celles-ci souffrent mal la comparaison avec de véritables applications offline, incommensurablement plus souples et d'accès plus aisé.

Une évolution plus qu'une révolution

Le HTML 5 a pour vocation de répondre à un certain nombre de ces problématiques, tout en maintenant une compatibilité ascendante avec les précédents standards. Concernant la mise en page en elle-même, le nouveau standard permet de simplifier les choses avec de nouvelles balises de type <header>, <article>,<aside>,<footer>,<nav>, etc, qui officialisent la structure de nombre de sites web, en lieu et place des multiples balises <div> qui servaient jusqu'ici à délimiter les zones de contenus. De même, une nouvelle technologie nommée Canvas se charge d'afficher des images composées dynamiquement, ce qui permettra la création d'interfaces d'utilisation plus puissantes et mieux intégrées, ainsi que des applications plus dynamiques (voir démo ci-dessous).


Cliquez sur l'image

Lire la page suivante (2/2) >>


|  

Messenger débarque sur iPhone : Téléchargez l'application !
4
3
2
1
Vos réactions (53 réactions)
afievet [17/06/2009 15:05]

Un implémentation utile serait la possibilité d'écrire avec un angle, sans passer par des graphiques ou flash.
Un tableau tout simple dont le nom des colonnes prendrait moins de place. Même Excel sait le faire.... :-)
thil [17/06/2009 15:12]

Les "fonctions hiératiques du HTML"...
Elles sont donc sacrées ? :-)
WebOliver [17/06/2009 15:13]

Article très intéressant, merci. Au passage, connexion s'écrit avec un x en français...
françois bayrou [17/06/2009 15:14]

En attendant on a enfin la vidéo. Et nous sommes en 2009...
Dans 15 ans ca sera peut être possible :)
studdywax [17/06/2009 15:16]

moi qui suis un néophyte total en Web (coté développement), rien que les deux premières phrases et j'ai déja compris plein de chose flou dans ma tête...
rez6581 [17/06/2009 15:28]

Avec Canvas on peut des trucs bien sympathiques, je vous montre quelques trucs que j'ai fait:
http://www.chiptune.com/landscape.html
http://www.chiptune.com/starfield/starfield.html
http://www.chiptune.com/kaleidoscope/

Ces trois exemples sont uniquement fait en javascript+canvas.

Sinon avec javascript sans canvas on peut faire des trucs marrant, mon petit site perso 100% en javascript: http://www.chiptune.com, un genre de WebOS "retro" en javascript (le Workbench 1.3 de l'Amiga pour les connaisseurs).

Merci à Apple de nous faire des browsers qui permettent de faire tourner ce genre de chose sans plugins moches :)
etudiant69 [17/06/2009 15:28]

Google Wave pourrait être cette locomotive dont le HTML5 pourrait avoir besoin. Ce projet est réellement enthousiasmant. A titre d'exemple, alors que je regardais depuis même pas 10min la vidéo de présentation de Google (qui dure une heure et demie), ma femme m'a demandé comment faire pour l'avoir, où il faut s'inscrire alors qu'elle est loin (très loin) d'être une "early adopter".

Ce type de service innovant pourrait rendre rapidement l'HTML5 indispensable.

Le support du streaming HTTP par SnowLeopard semble aussi aller dans la même direction...
gloup gloup [17/06/2009 15:29]

On peut déjà voir ce qu'il est possible de faire sur le site "hacks" de mozilla.

oomu [17/06/2009 15:31]

très bon article.

-
je ne suis pas très pessimiste. Dailymotion et Youtube ont fait très vite des démonstrations techniques. Google _veut_ ces nouveautés et est allé jusqu'à faire google gears et chromium pour forcer les choses

Les fondements (mpeg4 etc) sont désirés un peu partout.

Khronos s'est réveillé pour travailler à intégrer opengl dans javascript, et google propose sa propre idée

Apple s'est impliqué dedans et a besoin des évolutions du web pour ses propres services

et on sent bien que tous les créatifs web travaillent sur tout ça d'une manière ou d'une autre.

-
5 ans me parait raisonnable.

-
10 ans, c'est le planning pour obtenir une norme parfaitement décrite, documentée, avec ses outils de vérification. C'est un travail ambitieux, qui dépasse même ce qui fut fait pour Html 4.

Disons que les gens sont bien plus ambitieux avec le w3c qu'auparavant.

Mais au rythme actuel, html 5 sera mis dans les mains des gens bien avant que le travail sur html 5 soit considéré fini. et on aura certainement les bases de nouvelles versions de javascript et html avant cela.

-
Le travail en cours fait plaisir à voir en tout cas. Le web est devenu franchement passionnant.

-
@afievet

ce travail est en cours, il s'agit de CSS Transform, dans le cadre de CSS 3

http://www.w3.org/Style/CSS/current-work#transform2d
françois bayrou [17/06/2009 15:34]

@rez6581
Excellent chiptunes ! Je le connaissais, j'aime beaucoup, encore bravo :)

oomu [17/06/2009 15:35]

http://developer.apple.com/documentation/appleapplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

voici où en est webkit officiellement sur CSS.

les propriétés préfixés -webkit- sont non encore normalisés dans le brouillon CSS 3 mais proposées.
gloup gloup [17/06/2009 15:37]

Posté par "Redac"
Un autre aspect de cette problématique se ressent face à Flash : pourquoi proposer un contenu qui ne sera accessible qu'à une portion limitée de visiteurs, quand le plug-in d'Adobe permet d'afficher du contenu sur 99% des machines connectées à Internet ?


HTML, css et javascript sont bien plus universel que le flash. Amha flash va perdre des plumes à moyen terme pour peut-être finir par disparaître.

Le problème, pour l'instant, c'est IE qui est en retard, mais il a fait d'énormes progrès dans sa version 8. On peut supposer qu'il offrira dans sa version 9 ou 8.5 plus de support de css3 ou des nouveaux éléments de html5.
oomu [17/06/2009 15:40]

"Google Wave pourrait être cette locomotive dont le HTML5 pourrait avoir besoin."

oui. j'en suis convaincu. Surtout, il faut bien le savoir : Wave est opensource : protocole, serveur de référence et client de référence. Ce n'est PAS un projet google-centrique. Google proposera sa super interface "google wave", mais d'autres pourront créer leur wave.

le client web "google wave" utilise beaucoup de html 5 et même un ajout non encore ajouté (mais proposé) dans html5, que google gears met en oeuvre.

-
"Le support du streaming HTTP par SnowLeopard semble aussi aller dans la même direction..."

idem, j'ai trouvé cette annonce très pertinente.
Un Vrai Type [17/06/2009 16:42]

Mode troll ON

HTML 5 ou XHTML 2.0 ?

:D
Matcor [17/06/2009 16:49]

Perso, avant même de considérer de nouveau format web avec plein de possibilités dynamiques, je serai déjà content si les concepteurs de sites web se mettaient à produire visuellement des sites adaptés aux ordinateurs modernes.. La plupart des écrans d'ordi sont larges maintenant, sans parler de la résolution qui augmente... Or presque tous les sites internet présentent encore une mise en page 4:3... Je trouve ça assez ringard au final.. A l'heure des TV HD 16:9 et des écrans d'ordi 16:10 dans de nombreux foyers, aller sur internet en ce moment, c'est comme regarder un film 4:3 sur un écran 16:9... dans le fond, le film peut être génial mais il a quand même un air un peu veillot... A quand des sites dont le format s'adapte à la fenêtre et l'écran et non 4:3 par défaut ? Après, on pourra me parler de nouveautés web...
4
3
2
1

Réagir

Cinq consignes avant de réagir :
  1. Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
  2. Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
  3. Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
  4. Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
  5. Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.