HTML5

Une rfrence
pour le dveloppeur web

Rodolphe Rimel
Prface de Raphal Goetter

Groupe Eyrolles, 2011, ISBN : 978-2-212-12982-3

chapitre

Prface

Nous connaissons tous HTML plus ou moins intimement. Lorsque nous naviguons sur
Internet ou que nous crivons nos pages web, il reste fidle nos cts, malgr les pripties et dboires quil a subis. Cest quil en a connu des aventures ! Les derniers arrivs
tels que Adobe Flash ou Microsoft Silverlight pensaient lavoir enterr, en vain... On le
retrouvait parfois sous les doux sobriquets de DHTML ou de Web 2.0 . Cr
lorigine pour tisser des liens et vhiculer du contenu de manire universelle, il se voyait
dnatur dans ses fonctions primaires, comme lont montr ses tableaux de mise en
page, aujourdhui diaboliss. dire vrai et en y regardant de prs, HTML a toujours t
l, endossant loyalement son rle dossature indispensable du Web.
ses dbuts, sa mission se limitait structurer des contenus basiques, essentiellement textuels et scientifiques, ordonns de faon rigoureusement linaire et assez peu
excitante, il faut lavouer. Puis, au fur et mesure de lvolution des usages des internautes, HTML se diversifie, se renforce et sadapte. Parfois avec un peu de retard sur
les besoins, et malgr les batailles que se livrent les navigateurs.
La quatrime mouture de HTML, finalise en 1998 la prhistoire du Web, peuton dire , parat bien dsute aujourdhui, treize annes plus tard. Il sagit pourtant
de la plus rcente version finalise ayant reu ladoubement officiel du W3C. Ce
gigantesque retard accumul durant ces dix dernires annes tend enfin se combler,
petit petit, grce au dveloppement et limplantation de la version 5 du langage,
tant attendue. Aux bons et loyaux services de HTML 4, se substituent de riches univers adapts aux besoins et usages dun Web moderne, vari, rapide et mobile.
Nouvelles balises, nouvelles technologies, formulaires avancs, outils multimdias,
adaptation aux supports nomades et applications performantes : autant de nouveaux
mondes offerts par ce nouvel opus en voie dadoption. Mme si HTML 5, sorte de
nouveau Web 2.0 , est cens annoncer le Web de lavenir, dans la pratique, ses
fonctionnalits rpondent tout simplement aux attentes des internautes. Lusager

HTML 5 - Une rfrence pour le dveloppement web

peut enfin profiter de la lecture audio ou vido sans plug-in additionnel, trouver un
htel ou un emploi proches grce la golocalisation (qui pose certes quelques questions de privaut), bnficier de support hors-ligne lorsque sa connexion est
dfaillante ou quil se dplace, profiter de fonctions de glisser-dposer, de stockage
intelligent ou des web-workers, ces travailleurs de lombre qui permettent dacclrer
les performances en paralllisant le traitement des ressources.
Pensez que la version prcdente tait finalise depuis plus de dix ans ! La patience
de nous autres concepteurs web avait atteint ses limites ; elle se voit enfin rcompense. De grands sites tels que Google, Yahoo!, Twitter, Myspace, Kelkoo, Youtube
ou encore Dailymotion intgrent dores et dj une multitude dapplications stables
de HTML 5, mais les grands bnficiaires en sont bien sr les sites web pour priphriques mobiles qui peuvent dj exploiter nativement des fonctionnalits telles
que ladaptation automatique des designs aux diffrentes tailles dcran.
HTML a bien mri. La version 5 sannonce comme une ressource exaltante qui
exploitera vritablement les possibilits technologiques contemporaines. Cela inclut
la puissance des connexions internet, les priphriques mobiles (smartphones et
tablettes) ainsi que le multimdia. Il tait temps. Et il est lheure prsent de rvolutionner nos habitudes dinternautes et de concepteurs de sites web.
Cette rvolution nest dailleurs pas sans rappeler celle opre dans mon domaine de
prdilection, celui des feuilles de styles CSS, autre univers en refonte depuis la version CSS 3. En tant que designer web et pour avoir rdig quelques ouvrages sur les
feuilles de style CSS, je peux comprendre et partager lenthousiasme de Rodolphe
ainsi que celui de la communaut de dveloppeurs en pleine bullition.
Si la symbiose entre HTML et CSS semblait parfaite sur le papier lun sattachant
structurer linformation (balises, smantique), lautre lui donner forme (esthtique, positionnements) je ne vous apprendrai pas que les deux ont longtemps t
mal imbriqus : lon ctoyait frquemment les styles de mise en forme au cur des
lments et balises HTML, bien que ce ne ft pas leur place attitre et que cela nuist
laccessibilit et la compatibilit des documents produits.
lre de HTML 5 et CSS 3, le couple accde une nouvelle dimension et de nouveaux pouvoirs. Les interactions entre les deux langages nont jamais t aussi
puissantes : sparation fond-forme renforce grce une pluralit de nouvelles
balises smantiques (<header>, <footer>, <article>, <section>, etc.), gestion des
mdias et priphriques mobiles, prise en charge dmultiplie des formulaires (via la
notion de formulaire valide, invalide, incomplet), etc.
Cette imbrication va au-del dune simple association de langages, une vritable philosophie de conception sen dgage : par HTML 5 , on entend dsormais HTML 5

VI

Groupe Eyrolles, 2005

Prface

combin CSS 3 et JavaScript . Une avance considrable pour le Web qui comble
enfin de faon extraordinaire les attentes des designers et intgrateurs CSS.
Mme le dernier retardataire, Microsoft, suit le mouvement avec entrain voire zle
fait dautant plus notable quil ntait pas coutumier du fait. En tmoignent les premires moutures de Windows 8 et dInternet Explorer 10, que nous avons pu voir en
avant-premire.
Le mouvement est en marche, la rvolution ne fait que commencer...
Mais revenons ce livre. HTML 5 se compose en pratique des langages HTML +
CSS + JavaScript, autant de domaines dans lesquels lauteur excelle.
Tout dabord, cet ouvrage approche lexhaustivit, compte-tenu des spcifications en
cours dvolution. Mticuleux, Rodolphe na pu se restreindre moins de 600 pages
de contenus, codes et illustrations. Lannexe en ligne sur laccessibilit, notamment,
mriterait dtre lue par tout professionnel du Web.
Ensuite, il ne contient pas dapproximation, et lauteur ne prend aucune libert avec
les standards. Chaque partie est teste, moult fois vrifie et valide avant de figurer
dans louvrage.
Enfin, il est agrable lire, parsem dun humour que lon pourrait qualifier de la
Rodolphe et quil manie avec beaucoup de justesse.
Ce qui mamne dire un mot de lauteur : Rodolphe Rimel manie avec une dsinvolture naturelle les logiciels de graphisme et dimage, les animations Flash, il connat les
arcanes de langages tels que jQuery, Ajax, PHP, MySQL, ladministration de serveurs
web et matrise encore bien dautres jargons informatiques. Son curriculum vitae dborde
allgrement de rfrences en webdesign et dveloppement, et se distingue par la publication dun DVD dapprentissage sur jQuery, du fameux lecteur Flash estampill
Dewplayer et dun mmento sur MySQL prcdemment publi chez Eyrolles. Ce
portrait ne serait pas complet sans voquer ses videntes qualits de photographe amateur et dhumoriste tourment via son carnet personnel blup.fr. Tant de perfection et de
diversit la fois suscitent lenvie pour le commun des mortels que je suis. Ds que
Rodolphe touche un clavier dordinateur, il semble que tout lui russit, infailliblement,
et merveille. Et le voil prsent qui sattaque HTML 5 !
Je suis sr que vous trouverez bien dautres qualits son livre.
Bonne lecture.
Raphal Goetter, fondateur dAlsacreations.com
raphael@goetter.fr
Groupe Eyrolles, 2005

VII