HTML5 : une révolution

Attention lorsque l'on parle de HTML5 on évoque un ensemble de nouvelles technologies dont HTML5 (au sens strict) n'est qu'un élément.
HTML5 au sens large c'est non seulement le langage de balisage HTML amélioré et simplifié mais c'est aussi le CSS version 3 et le langage de programmation de HTML (JavaScript) qui s'est enrichi de nouvelles API.

HTML5 alternative à FLASH

Avec HTML5 insérer une vidéo ou un fichier audio dans une page web devient un jeu d'enfant (ou presque) grâce aux balises VIDEO et AUDIO.
HTML5 comprend un module de dessin voire d'animation avec la balise CANVAS (mais les instructions de dessin sont écrites grâce à une API JavaScript).
Mais si vous voulez réaliser des dessins voire des animations dans une page web et que vous n'aimez pas trop programmer en JavaScript vous pouvez, plutôt que Canvas, utiliser le langage SVG. Désormais avec HTML5 il est possible d'écrire le code SVG directement dans la page web.

Pour résumer, HTML5 avec toutes ces extensions est capable de faire ce qu'on demandait à FLASH ...
Il faut cependant patienter un peu pour appliquer toutes ces nouvelles technologies car à l'instant présent il y a encore trop de PC qui tournent encore avec IE8 (voire des versions antérieures) ...

Un code HTML simplifié

Le code en HTML4 et XHTML était trop souvent verbeux voire indigeste. L'exemple le plus caractéristique était le fameux doctype.

Le doctype doit être la première instruction d'une page web avant même la balise <html>
Cette instruction est obligatoire et indispensable. Si vous ne me croyez pas faites un test très simple. Dans une page web vous oubliez le fameux doctype et que vous exécutez cette page avec le navigateur Internet Explorer ...

Le doctype en HTML4 était :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Le doctype en HTML5 est : <!DOCTYPE html >
Reconnaissez que c'est beaucoup plus simple ...

La balise HTML est aussi simplifiée. Il suffit désormais d'écrire : <html lang = "fr" >

De même que les balises STYLE et SCRIPT ; l'attribut type devient facultatif !

Quand à la balise meta avec l'attribut charset il suffit d'écrire désormais : < meta charset = 'utf-8' >
Il faut peut être rappeler le sens de cette instruction. Elle force le navigateur à utiliser le jeu de caractères UTF-8 pour lire la page. Il faut donc que ladite page soit encodée aussi en UTF-8 pour avoir un rendu correct ... sinon les caractères accentués vont apparaître de façon bizarre.

Avec HTML5 et à la différence de XHTML (du XML en général), il n'est nécessaire de fermer les balises orphelines (balises simples). Donc nous pouvons écrire :
< img ... > et non pas < img ... />

Maintenant je vous conseille de prendre l'habitude de fermer les balises isolées ( />).
En effet dans les langages basés sur le XML dont SVG (largement évoqué dans ce site) il faut impérativement fermer les balises isolées sinon vous avez une erreur fatale avec le message : "Opening and ending tag mismatch".

De nouvelles balises

Une réelle amélioration des formulaires

Retour menu