HTML est le langage de balises utilisé pour présenter une page web. Il permet de donner du sens au contenu, le langage CSS s’occupant de donner la forme.

Le HTML dans sa version 5 nous promet de belles choses. De nouvelles balises qui vont permettre de sémantiser un peu plus encore le code des pages web : »nav« , « video« , « aside« , « section« , « audio« , « footer« , etc.

Quelques exemples d’utilisation

La balise « dialog » va signaler un dialogue.

1
2
3
4
5
6
7
8

<dialog>
  <dt>Jean</dt>
    <dd>Hey salut ! Quelle heure est-il ?</dd>
  <dt>Anne</dt>
    <dd>Il est 18h29</dd>
  <dt>Jean</dt>
    <dd>Super, merci bonne journée !</dd>
</dialog>

Bien plus intéressant, la balise « video » va permettre d’insérer dans la page web un lecteur vidéo sans utiliser un quelconque plugin (la plupart du temps : Flash).
Le code :

1
2
3
4
5

<video autoplay controls>
  <source src="foo.ogg" type="video/ogg"></source>
  <source src="foo.mov"></source>
  Votre navigateur ne reconnait pas la balise <code>video</code>
</video>

On peut proposer au navigateur plusieurs formats de vidéo. Ici Ogg et Quicktime. Le format ouvert Theora pourra aussi être utilisé. Pas de problème d’installation de plugin Flash Player, pas de javascript, cette balise ouvre des portes !

Exemple d'utilisation de la balise video dans Firefox

D’autant plus qu’un géant de la vidéo comme Dailymotion, annonce qu’il prendra en charge la balise d’ici peu. Une page de démonstration est en ligne à cette adresse : http://openvideo.dailymotion.com/fr/, à visiter avec un navigateur qui comprend cette balise comme Firefox dans sa version 3.5 ou Safari 4.

Quand pourra-t-on utiliser pleinement HTML 5 ?

Le site du W3C propose de ne pas attendre qu’HTML 5 devienne une recommandation (car cela peut se faire attendre je crois) et donc d’utiliser les nouvelles fonctionnalités du langage dès lors que les navigateurs l’implémenteront.
Quand on sait qu’Internet Explorer 6 détient encore une belle part de marché, et quand on voit en plus son implémentation très douteuse de CSS 2, on ne peut que se réjouir que la version 8 d’IE se vante d’un « strong support » d’HTML 5…

Edit : J’ai complété ce billet (codecs et API javascript) dans un complément d’informations sur la balise video.