HTML 5 oui on peut...
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 ...
