Le HTML 5 fait beaucoup parler de lui en ce moment. La mise à jour du HTML 4.01 utilisé pour l’instant est attendue par beaucoup de programmeurs. Qu’y-a-t-il de nouveau dans ce langage?

Le HTML 5 est une amélioration du langage HTML  4.01, langage actuellement utilisé pour les pages internet.

Il est en cours de création par W3C, le « World Wide Web Consortium », ou « Organisation mondiale du Web ». Cette organisation non commerciale a pour but de faire en sorte que même  avec le temps, les nouvelles technologies restent copmpatibles avec celles actuellement utilisées. On prévoit la sortie de ce code fin 2010.

Ce langage comptera beaucoup de nouveautés. Par exemple, au niveau format du code, la fermeture de nombre de balises sera implicite (ex : <optgroup>, <option>, <tr> n’ont pas besoin de balises </optgroup>, </option>, </tr> pour que l’ordinateur les sache fermées). Mieux encore : Les balises <html>, <head>, <body>, <thead>, <tfoot> et <tbody> n’ont même pas besoin d’être déclarées : elle sont totalement implicites.W3C

Une nouvelle balises importante est <!doctype html> (<!DOCTYPE html> marche aussi, la casse n’est pas importante). Elle permet d’éviter un rendu en mode de compatibilité des navigateurs.

Côté graphisme de la page, de nouvelles balises ont fait leur apparition : par exemple, <article> </article> insère une citation dans un texte et indique sa source. Très pratique pour les articles de presse, blogs…

Exemple d’utilisation :

<article>
<p><a href="https://loginart.wordpress.com/">
La balise article permet d'insérer un bloc de citation<a><br/>
En effet, Login Art confirme que Article insérera une citation sur un site.</p>
</article>

On peut aussi retenir <header> et <footer> qui insèrent très facilement respectivement un en-tête ou un pied de page, ainsi que <dialog>...</dialog> qui définit un dialogue.

Exemple :

<dialog>
<dt> Pierre
<dd> Salut ! Comment ça va ?
<dt> Marion
<dd> Bien, et toi?
<dt> Pierre
<dd> Super ! J'ai gagné de tournoi de badminton !
<dt> Marion
<dd> Je sais je suis venue te regarder... Bravo !
</dialog>

Pour terminer avec les exemples de balises, <draggable> rend un élément déplaçable en cliquer-glisser, et <figure> permet de lier une image ou une vidéo avec sa légende, avec cette mise en forme :

<figure>
<img src="/images/mer_soir.jpg" />
<legend>C'est si beau la mer le soir !</legend>
</figure>

Ce n’est qu’un extrait des nouveautés inclues dans le HTML 5, d’autres ont été révélées sur le web, et d’autres encore ne sont pas encore dévoilées, ni même déjà créées. Il faut attendre la fin de cette année pour en savoir plus !

Publicités