HTML5 a été long à venir, et bien que nous l’appelions normalement HTML5, le langage est en fait une combinaison de choses, y compris grâce à des progrès pour le développement du JavaScript et le CSS3, et s’avère donc très excitant !
Cette nouvelle norme devrait devenir le langage par défaut dans les deux ou trois prochaines années. En revanche, cela ne signifie pas qu’il est impossible à ce jour de l’utiliser, ou encore de communiquer dessus, bien au contraire ! C’est exactement ce que j’ai fait en aidant un ami, lui permettant d’utiliser le potentiel prometteur du langage pour les applications Web, des jeux ou encore des animations complexes. Mais, la chose favorite concernant l’HTML5, est que ce dernier ce veut être très simple de compréhension et d’utilisation. En effet, HTML5 est plus logique que n’importe quelle autre itération HTML, ce qui notamment rend beaucoup plus facile son adoption pour les petits nouveaux.
Bien sûr, beaucoup d’entre vous savent qu’HTML5 n’est pas nouveau, son développement ayant été entièrement public depuis le début. Pourtant, puisque nous nous approchons de sa standardisation, il vaut la peine de le regarder de près.
Si vous êtes arrivé sur cet article, c’est probablement parce que vous voulez vous lancer dans le développement ou alors que vous êtes déjà un connaisseur que vous connaissez déjà la plupart des éléments HTML5 les plus importants et intéressants, à savoir <canvas>
, qui peut être utilisé pour les animations complexes et des graphiques, l’élément <video>
qui est dans le même esprit que la balise <img>
mais permettant d’intégrer de la vidéo en mode natif sans plugins comme Flash, et <audio>
, qui fonctionne exactement comme <video>
mais pour l’audio donc.
Au-delà de ces trois balises, HTML a subit quelques améliorations structurelles majeures qui viennent essentiellement remplacer l’utilisation omniprésente de la balise générique <div>
. Bien sûr, les éléments div
existeront toujours, mais au lieu d’écrire <div id="nav">
vous pouvez simplement écrire <nav>
. La même chose vaut pour les <header>
, <article>
, <footer>
et bien plus. Voilà de quoi faire des pages HTML un peu plus lisibles.
Côté structure, on va retrouver des éléments HTML5 comme <details>
, qui vous permettent de baliser un contenu quelconque (texte, image, listes, tableaux, formulaires, etc) ayant pour rôle d’apporter une information ou des détails supplémentaires. Cela signifie, comme le note HTML5 Doctor, que les concepteurs Web n’auront plus à compter sur le JavaScript pour afficher et masquer du contenu. Voilà de quoi économiser du temps tout en étant potentiellement peu gourmand dans la taille de la page.
Alors, qu’attendez-vous ? Consultez ce listing complet des éléments HTML5. Sachez que vous allez également retrouver de nombreux articles sur le blog liés au sujet. Vous pouvez également vérifier les différences officielles entre HTML5 et HTML4. Êtes-vous également excité par une mise en œuvre rapide ?