Petite chose amusante, testez votre plateforme, en fonction de votre navigateur et de votre système d'exploitation, ce site vous attribut des points de compatibilité avec html5 :
http://html5test.com/
Avec Internet Explorer 8.0 et Windows XP, j'ai 42 points sur 500 et aucun point de bonus !
Dossier - Où en est le HTML5 ? - octobre 2010 - bla bla bla
http://www.html5-css3.fr/html5/introduction-html5
Belle introduction au HMLT 5 les concepts sont présentés simplement - janvier 2011
*** Allégement du code
Tout d’abord, certaines balises ont été simplifiées afin d’alléger le code.
*** Balises sémantiques
Au lieu d’utiliser une <div> avec un id=”header”, nous pouvons utiliser tout simplement la balise <header>.
<header> : Qui indique que l’élément est une en-tête
<footer> : Qui indique que l’élément est un pied-de-page
<nav> : Qui indique un élément de navigation tel qu’un menu
<aside> : Qui correspond à une zone secondaire non liée au contenu principal de la page
<article> : Qui représente une portion de la page qui garde un sens même séparée de l’ensemble de la page (comme un article de blog par exemple)
*** Balises multimédiahttp://www.html5-css3.fr/html5/introduction-html5
Belle introduction au HMLT 5 les concepts sont présentés simplement - janvier 2011
*** Allégement du code
Tout d’abord, certaines balises ont été simplifiées afin d’alléger le code.
*** Balises sémantiques
Au lieu d’utiliser une <div> avec un id=”header”, nous pouvons utiliser tout simplement la balise <header>.
<header> : Qui indique que l’élément est une en-tête
<footer> : Qui indique que l’élément est un pied-de-page
<nav> : Qui indique un élément de navigation tel qu’un menu
<aside> : Qui correspond à une zone secondaire non liée au contenu principal de la page
<article> : Qui représente une portion de la page qui garde un sens même séparée de l’ensemble de la page (comme un article de blog par exemple)
<video>
<audio>
<canvas>
*** Formulaires améliorés
nouvelles valeurs dans le champ “type”
<input type="tel" />
*** Local Storage
localStorage.setItem("name", "John");
La variable sera toujours disponible si l’utilisateur ferme puis ré-ouvre son navigateur.
L’utilisation du Local Storage est proche de celle des cookies, mais contrairement aux cookies,
ces informations ne sont jamais communiquées au serveur.
Elles sont ainsi particulièrement adaptées aux applications offline.
*** Drag and Drop
présent nativement dans l’API Javascript
*** Web Sockets
Le serveur va pouvoir nous envoyer les changements dès qu’ils se produisent, et le tout est effectué dans une requête spéciale dépourvue d’en-têtes HTTP ! C’est à dire que les données téléchargées sont ultra légères et ne contiennent que l’information qui nous intéresse.
Mais tout ceci n'est qu'une affaire de navigateurs :
http://caniuse.com/
Autrement dit pour développer en HTML 5 il faudrait déjà que j'installe IE 9.0 ;)
Aucun commentaire:
Enregistrer un commentaire
Pour plus d'interactivité, n'hésitez pas à laisser votre commentaire.