HTML 5, plateforme de sites et applications en ligne

Pour succéder à HTML 4 qui est le format des pages Web actuel, le W3C qui établit les standards du Net à repris une spécification en cours du WHATWG.
Ce nouveau format qui est implémenté progressivement par tous les navigateurs y compris Internet Explorer, est conçu pour les applications Web et ajoute à la fois des balises et des fonctionnalités nouvelles, c'est devenu une alternative à Flash et Silverlight.

Steve Jobs a dit pour Apple:

"Apple ne supporte pas Flash parce qu'il est trop bogué. Chaque fois qu'un Mac plante, le plus souvent c'est à cause de Flash. Personne n'utilisera plus Flash. Le Monde est en train de se tourner vers HTML 5." (Apple Town Hall Meeting, fin Janvier 2010).

JSON et HTML 5 contre Silverlight et Flash
HTML 5 contre Flash et Silverlight

Des capacités très étendues pour les applications Web

Utiliser les applications Web hors ligne est la tendance majeure dans ce domaine depuis 2008. Un framework, Gears, avait été créé pour cela par Google maintenant remplacé par les fonctions équivalentes dans HTML.
En mode déconnecté les pages et objets qu'elles affichent sont mises en cache et une base SQL locale stocker localement les données pour dupliquer la base distante.

De nouveaux composants graphiques ont été ajoutés, voir la liste des objets de formulaire en HTML 5 et leur implémentation dans les navigateurs.
La balise input peut représenter des types d'objets plus nombreux et dispose de nouveaux attributs comme l'auto-complétion. Output affiche le résultat de calculs.
L'ajout de contraintes sur les données aide à sécuriser les formulaires.

Les balises section, article, header, footer sont destinées à donner une structure à un document.
Dialog est un objet formalisant une discussion et figure associe un libellé à tout élément.
HTML dispose maintenant de balises canvas, video, audio et de nombreuses autres ont été créées.

Tutoriel HTML 5

HTML 5 est conçu pour les applications Web

Structure d'une page HTML 5
Les balises indispensables et les nouvelles balises de structure introduite avec HTML 5.

Doctype
Lequel choisir?

Div et span
Différences dans leur utilisation pratique.

Select

Bouton radio
Les groupes de cases à cocher dans un formulaire ou en Ajax.

Menu
Pour créer des menus contextuels ou des barres d'outils.

Table
La balise et les balises internes.

InnerHTML
Ajouter dynamiquement du contenu à une page. Les attributs DOM équivalents.

Commentaire
Balise standard et expressions conditionnelles.

Iframe
Pour un contenu dynamique ou isolé de la page.

Canvas
La balise canvas est une surface dans laquelle s'affichent des objets graphiques vectoriels ou bitmap ou des widgets d'interface graphique.

SessionStorage
Démonstration et test de d'implémentation.

La balise video

Une plateforme d'applications Web

HTML 5 est progressivement complétée par des modules qui transforment le navigateur en plateforme d'applications.

FileReader
Charger un texte ou une image sur le système de fichiers local.

WebSocket
Utiliser l'objet standard, successeur d'Ajax qui permet la communication bi-directionnelle entre le serveur et le navigateur. Ajax reste utile pour une classe d'applications. Ce tutoriel utilise JavaScript ou PHP coté serveur.

Les applications de HTML 5

Problèmes de sécurité avec HTML 5

HTML 5 comme interface d'ordinateur

Exemples d'applications

Les balises HTML 5 sur Internet Explorer 8

Références et ressources
© 2009-2014 Xul.fr