Ovianet et le HTML 5
2010
Le HTML 5, quoi de neuf ?
Pour cette dernière version, le langage HTML a subi un gros lifting. Quoique « lifting » n’est peut-être pas le mot adéquat, puisqu’il n’y a presque rien de nouveau, de visible du point de vue d’un lecteur lambda. Ces modifications ont donc eu lieu surtout au niveau du code :
Un DOCTYPE simplifié
La déclaration du DOCTYPE a été raccourcie à l’extrême :
<!DOCTYPE html>
- Plus de DTD
- Le DOCTYPE n’est plus case sensitive (on peut très bien l’écrire : <!doctype html>)
<div id=’header’> n’est plus !
Les div principales (par exemple : header, footer, sidebar, etc…) ont été remplacées par des balises qui leur sont propres. On trouvera donc :
<header></header>
à la place de <div id='header'></div>
<nav></nav>
à la place de <div id='sidebar'></div>
<footer></footer>
à la place de <div id='footer'></div>
<article></article>
à la place de <div id='article'></div>
Cette dernière balise pourra elle-même être décomposée en plusieurs balises <section>.
Structure d'une page en HTML 5
Les formulaires
Gros changement également en ce qui concerne les formulaires, avec les balises <input />. On trouve bon nombre de nouveaux attributs, avec les principaux ci-dessous :
- email : saisie d’une adresse email
- url : saisie d’une URL
- number : saisie d’un nombre
- color : saisie d’une couleur
- date : saisie d’une date
- time : saisie d’une heure
- search : à utiliser pour une recherche
<input />, je vous invite à regarder ici (en anglais).
À ces types, on peut ajouter des attributs :
- autofocus : Place le focus sur un champ spécifique
- required : Saisie obligatoire
- maxlength : Nombre maximal de caractères
- min : Valeur minimale
- max : Valeur maximale
- title : Message d’erreur personnalisé
Ces options et attributs peuvent donc, dans l’idéal, remplacer une vérification en Javascript. Je le déconseille cependant, ces fonctionnalités n’étant pas encore implémentées sur tous les navigateurs. Elles s’apparentent plus à de la sémantique qu’autre chose, à l’heure actuelle. Bien qu’un peu de Javascript puisse remédier en théorie à ce problème, utilisez ces options en tant que seules indications, en attendant une implémentation complète !
Pour finir
Le HTML 5, bien qu’encore en phase de « test », sera un grand pas dans la recherche de référencement et d’accessibilité, avec une meilleure lecture des balises <header>, <footer>, <nav>, <article> par les robots, et compensera certains plugins propriétaires, comme Flash, grâce aux balises <audio> et <video>.
Sources :
À voir également :
