الأربعاء، 21 سبتمبر 2011

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

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.

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.
  • La balise Video.
  • 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.
  • sessionStorage.
    Démonstration et test de d'implementation.
  • Canvas.
    La balise canvas est une surface dans laquelle s'affichent des objets graphiques vectoriels ou bitmap ou des widgets d'interface graphique.
  • Commentaire.
    Balise standard et expressions conditionnelles.
  • iframe.
    Pour un contenu dynamique ou isolé de la page.

HTML 5 approfondi

Références et ressources

source : http://www.xul.fr/html5/

ليست هناك تعليقات:

إرسال تعليق