nicodiz posterous

An excellent conference given by google about HTML 5 The point of the conference is that the web technologies goes faster and faster everyday and we have to make the choice to stop developing on old browsers such as IE6... It makes lost time and money for companies. Don't ask yourself when to use HTML 5 but what to do with it.

Suite au dernier article sur le passage de mon site perso en html 5 je me suis heurté à une difficulté de taille, IE toutes versions était incapable de reconnaitre les nouvelles balises du html 5 et donc par conséquent de les styler. Le rendu donnait au final un site sans affichage de css sauf pour les balises déjà existantes, ce qui n'est donc pas terrible et pas très engageant. 

J'ai donc fait quelques lectures sur le sujet et j'ai pu trouver la solution au problème grâce au site html 5 doctor [en]. Pour ceux que l'anglais rebutte, voici donc la procédure à suivre en français. 

Il faut passer par une fonction javascript qui va permettre de créer un nouvel élément dans le dom qui permettra à IE de pouvoir reconnaître ces balises. Je ne rentrerais pas dans la polémique du pourquoi c'est une honte je sais IE ne lit pas ces balises alors que les autres navigateurs le font. 

Si on veut faire reconnaître à IE la balise <header> par exemple, il suffit de créer un fichier .js dans la page html qu'on mettra en commentaire conditionnel comme ceci

<!--[if lte IE 8]>
<script src="le-nom-de-mon-fichier.js" type="text/javascript"></script>
<![endif]-->

Ce commentaire conditionnel ne fera s'activer le fichier que sous IE 8 ainsi que toutes les versions précédentes. Ensuite dans le fichier on rajoute document.createElement('header'); pour que la balise header soit lisible par IE. C'est très barbare comme méthode mais ça fonctionne sur mon site en html 5 sous IE. 

J'ose espérer qu'IE proposera un correctif assez rapidement pour éviter d'avoir a faire cette manipulation à l'avenir. 

Après avoir suivi l'actualité du W3C  et l'annonce récente de l'abandon du XHTML 2.0 pour se concentrer sur les spécifications du HTML 5, je me suis intéressé de plus près à ce langage. Tout de suite une foule de questions se sont naturellement posées et j'ai du me résoudre à y consacrer du temps pour trouver des réponses. La principale question étant : n'est t'il pas encore trop tôt pour faire un site complet en HTML 5?

Avant de se lancer dans l'apprentissage d'un langage, il faut savoir si ce dernier est officiellement lancé et si les spécifications sont disponibles. Depuis 2003 des groupes de travail se sont formés autour de ce langage et le W3C les a progressivement intégré. Les spécifications du HTML 5 existent, et un brouillon officiel a aussi été publié le 23 avril 2009. Les travaux sont donc bien avancés, mais je ne pense pas qu'ils soient terminé pour autant. 

Fort de ce constat, l'autre question qui m'est venue fut de savoir si on pouvait à partir de cette base faire son propre site en HTML 5. Comme mon site perso est très simple, je me suis donc mis à l'œuvre et voici donc le résultat: une même version de la page principale en HTML 5. Le code est open source, vous pouvez donc le reprendre à votre guise et me proposer des optimisations si vous en voyez. Les navigateurs moderne acceptent donc sans rechigner ce langage ce qui est plutôt bon signe. Firefox, Chrome, Opera ne font pas de différence. J'ai aussi essayé de passer la page au validateur html ce qui peut également se faire. 

Les différences avec le XHTML 1.0 strict se voient facilement en comparant le code source de la page d'accueil avec la version HTML 5 ce que je vous invite a faire. Un doctype ultra simplifié tout comme la méta d'encodage. Ensuite, la grosse nouveauté, c'est que le document est beaucoup mieux structuré avec l'apparition de nouvelles balises comme <header> <section> <article> <aside> <footer> <nav> …. Au lieu d'avoir des <div> de partout, notre arborescence de ressemble pas à un sapin de noël atteint par la « divite » aiguë. Chaque partie de la page a une balise qui lui est propre. C'est beaucoup plus clair, on gagne en nombre de caractères … 

Petit bémol, le CSS 2.1 semble mal reconnaître ces nouvelles balises, j'ai du leur mettre un display à block pour qu'elles soient reconnues. Quelques difficultés aussi avec IE pour les mêmes raisons. Il me reste à l'heure actuelle à fixer ces problèmes pour faire en sorte qu'IE les voient correctement. Ceci dit je n'ai pas encore pris suffisamment de temps pour me documenter et avancer sur ces problématiques. 

A peine adopté, j'aime déjà énormément HTML 5 qui comble certaines lacunes et qui à définitivement mis à la poubelle cette balise <frame> que je déteste tant. Une affaire à suivre donc, je suis sur que ce langage va encore évoluer et qu'il va nous apporter de belles surprises. Ne nous emballons pas pour autant, je ne vois pas l'utilité de l'utiliser à très court terme sauf si vous aimez la beauté du code, d'un point de vue strictement fonctionnel je ne vois pas pour un petit site perso l'avantage qu'il apporterait. 

Et vous avez vous passé votre site en HTML 5? J'attends vos retours ...