Votre texte
Que vous soyez un webmestre, un blogueur ou un passionné des technologies du web, vous avez dû entendre parler du HTML 5. À première vue, ce langage est très similaire au HTML 4, notamment sur certaines syntaxes, mais c'est une véritable révolution qui s'annonce. En premier lieu, le HTML qu'on connaît fait référence à des documents. Ainsi, les pages HTML, les vidéos, les MP3, les PDF sont tous des documents et le HTML 4 possède différentes manières de l'interpréter. En revanche, le HTML 5 utilise plutôt le concept d'applications. Même si vous créez une simple page web avec un titre et un corps de texte, c'est une application selon les normes du HTML 5. L'une des raisons est que ce langage est conçu pour s'adapter à n'importe quel périphérique ce que soit un PC, une tablette ou un vidéo projecteur. Même si le CSS ne reconnaît pas encore toutes les balises du HTML 5, on peut dire que ces deux technologies modifieront notre manière de concevoir un site web. Le HTML 5 s'intéresse également à la sémantique des différents éléments d'une page web et c'est même l'une de ses principales particularités.
La sémantique est l'utilisation de symboles pour représenter un modèle donné. En bref, cela permet de mieux identifier différents éléments. Par exemple, la ville de Paris et la Tour Eiffel ne sont pas similaires sur la forme, mais on fait immédiatement le lien entre ces deux symboles grâce à la sémantique. Dans le HTML 5, la sémantique permet d'identifier des éléments pour une utilisation précise. Si vous voulez créez une simple page web avec le HTML 4, vous utiliseriez un code tel que le suivant :
La sémantique du HTML 5
La sémantique est l'utilisation de symboles pour représenter un modèle donné. En bref, cela permet de mieux identifier différents éléments. Par exemple, la ville de Paris et la Tour Eiffel ne sont pas similaires sur la forme, mais on fait immédiatement le lien entre ces deux symboles grâce à la sémantique. Dans le HTML 5, la sémantique permet d'identifier des éléments pour une utilisation précise. Si vous voulez créez une simple page web avec le HTML 4, vous utiliseriez un code tel que le suivant :
Mon titre
Votre texte
Cet exemple de code est la structure typique d'une page web. D'abord, nous avons l'en-tête qui contient le titre. Ensuite, on met le menu de navigation, le corps du texte et on termine par le pied de page. Cette structure ne pose aucun problème, mais voici son équivalent en HTML 5.
Mon titre
La différence est significative, car au lieu d'utiliser systématiquement l'élément Div en lui assignant un ID, nous utilisons des éléments qui sont des balises facilement identifiables. Header correspond à l'en-tête, Nav au menu et Article au corps de la page. Même si ce dernier peut prêter à confusion, car on peut utiliser cette balise à plusieurs reprises et elle peut posséder son propre en-tête et son pied de page. De ce fait, la première utilisation du HTML 5 est qu'on intègre désormais la sémantique au sein du document. Ainsi, on peut facilement les identifier et ce sera aussi plus aisé pour les moteurs de recherche. Le second avantage est d'homogénéiser l'identification des éléments indépendamment des pays et des langues.
Un HTML 5 pour tous
Dans notre premier exemple de code, nous avons utilisé des ID de Div tel que header, navigation et footer. Tout le monde les utilise même si ce sont des expressions anglaises. Mais il arrive qu'on utilise du français dans des blocs de page tels que entete, navigation ou pied. Cela peut gêner des webmestres qui modifieront sur votre page par la suite. S'ils sont habitués à voir des div Header alors entete risque de les bloquer. En utilisant des balises communes avec le HTML 5, tout le monde reconnaît immédiatement les éléments et leurs rôles respectifs. Évidemment, ce n'est pas le seul attrait du HTML 5 et il y a de nombreuses nouvelles balises qui sont apparues, mais cela vous donne une idée globale du potentiel de ce langage à l'avenir. L'intégration de la vidéo et du son sont devenus un jeu d'enfant avec le HTML 5 puisqu'ils possèdent désormais des balises dédiés. On peut aussi citer l'élément Canvas qui fait tellement parler de lui a fait l'objet de livres entiers à cause de sa puissance et de sa complexité. Mais il faudra patienter pour que tous les navigateurs supportent toutes les normes du HTML 5, car chaque entreprise du web veut imposer ses propres standards.