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.

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).

• HTML 5, Flash ou 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.
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.

• En quoi HTML 5 est conçu pour les applications Web.

Tutoriel HTML 5

• 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.
• L'objet Select.
• Option.
• Bouton radio.
  Les groupes de cases à cocher dans un formulaire ou en Ajax.
• L'objet 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.

Nouveaux éléments

• FileReader. Charger un texte ou une image sur le système de fichiers local.
• 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'implementation.
• La balise Video.

HTML 5 approfondi

• Problèmes de sécurité avec HTML 5.
• HTML 5 comme interface d'ordinateur.
• Exemples d'applications.
• XUL vs HTML 5.
  XUL permet d'intégrer du code HTML et est donc un moyen ajouter du code natif à une application HTML 5.
• Les codecs video pour HTML 5.
  Ogg, WebM, H.264 et leur implémentations.
• HTML 5 sur Firefox 3.5
  Parmi les nombreuses évolutions du navigateur, un support plus complet de HTML 5.
• Les balises HTML 5 sur Internet Explorer.
• Mais qui donc définit HTML 5?
  Le format de milliards de pages est-il décidé par une seule personne?
  

Références et ressources

• Les spécifications. Le format est divisé en plusieurs spécifications.
• Outils. Pour utiliser HTML 5.

© 2009-2011 Xul.fr.