{"id":769,"date":"2011-06-23T00:42:31","date_gmt":"2011-06-22T22:42:31","guid":{"rendered":"http:\/\/ru3.com\/luc\/?p=769"},"modified":"2017-09-21T13:13:30","modified_gmt":"2017-09-21T12:13:30","slug":"pourquoi-html-5-va-changer-votre-usage-du-web-en-10-points","status":"publish","type":"post","link":"https:\/\/ru3.com\/luc\/tag\/css\/pourquoi-html-5-va-changer-votre-usage-du-web-en-10-points.html","title":{"rendered":"Pourquoi HTML 5* va changer votre usage du Web en 10 points (*& CSS3)"},"content":{"rendered":"

\"\"<\/a><\/p>\n

Pour la plupart des utilisateurs d’internet, le HTML 5 reste un concept tr\u00e8s abstrait. Pourtant HTML 5 va vraiment changer notre usage du Web.<\/strong><\/p>\n

Gr\u00e2ce \u00e0 la pr\u00e9sentation Dites bonjour \u00e0 HTML5<\/a> de Thierry Le Bouleng\u00e9<\/strong> et de Sylvain Weber<\/strong> (Google) l’utilit\u00e9 du HTML devient \u00e9vidente.<\/p>\n

Voici pourquoi HTML 5 m’a vraiment bluff\u00e9 en 10 points<\/h3>\n

1. Mobile<\/h2>\n

Adapt\u00e9 \u00e0 l’explosion des usages web sur mobile, le site d\u00e9velopp\u00e9 en HTML5 pour fonctionner sur votre navigateur Web de PC va fonctionner aussi facilement sur le terminal mobile sans d\u00e9veloppement sp\u00e9cifique.<\/p>\n

2. Utilisable d\u00e8s maintenant<\/h2>\n

\"\"<\/a><\/p>\n

Tous les navigateurs r\u00e9cents du march\u00e9 permettent d\u00e9sormais de b\u00e9n\u00e9ficier pleinement d’HTML5. Pour utiliser pleinement HTML 5 utilisez l’un des navigateurs suivants : Firefox 4+, IE9, Chrome 8+, Safari 5+<\/p>\n

3. Format non propri\u00e9taire<\/h2>\n

Ce qui signifie que l’ensemble des \u00e9diteurs et des fabricants peuvent int\u00e9grer HTML5 librement dans leurs logiciels et mat\u00e9riels.<\/p>\n

4. S\u00e9mantique !<\/h2>\n

Avec de nouvelles balises s\u00e9mantiques, le Web \u00ab\u00a05\u00a0\u00bb devient plus intelligent. La structuration des contenus devient plus facilement compr\u00e9hensible pour les moteurs de recherche, et donc pour les humains\u0085<\/p>\n

5. Ergonomique<\/h2>\n

\"\"<\/a><\/p>\n

De nouveaux types de champs de formulaires, des barres de progression int\u00e9gr\u00e9es, sans usage d’images GIF \u00e0 charger.<\/p>\n

6. Offline<\/h2>\n

\"\"<\/p>\n

La page Web g\u00e8re d\u00e9sormais le mode d\u00e9connect\u00e9 ! En sauvegardant si n\u00e9cessaire les donn\u00e9es saisies sur votre machine ! Les interruptions de connexion se vous feront plus perdre les donn\u00e9es saisies, par exemple en cas de rechargement d’une page de type formulaire.<\/p>\n

7. Drag and drop<\/h2>\n

G\u00e8re le gliss\u00e9 d\u00e9pos\u00e9 de donn\u00e9es depuis la machine de l’utilisateur dans les deux sens (web <-> PC).<\/p>\n

8. G\u00e9olocalis\u00e9<\/h2>\n

\"\"<\/a><\/p>\n

La page web peut r\u00e9cup\u00e9rer de fa\u00e7on native vos donn\u00e9es de position g\u00e9ographique (si vous l’autorisez !)<\/p>\n

9. Typographique (via CSS3)<\/h2>\n

\"\"<\/a><\/p>\n

Lib\u00e8re la cr\u00e9ativit\u00e9 des web designer en autorisant le chargement de fontes Open Type en ligne.
\nG\u00e8re les effets typographiques avanc\u00e9s de CSS3 : transparence, ombr\u00e9s, r\u00e9flexion, arrondis des blocs\u0085<\/p>\n

10. Multim\u00e9dia<\/h2>\n

HTML5 g\u00e8re d\u00e9sormais de fa\u00e7on native les vid\u00e9os [aux formats h.264 et WebM] et les fichiers sons MP3. Voir \u00e0 ce propos l’exp\u00e9rimentation HTML5 chez YouTube<\/a>.<\/p>\n

D\u00e9mos :<\/p>\n