Revision 35515 of HTML5

  • Revision slug: HTML/HTML5
  • Revision title: HTML5
  • Revision id: 35515
  • Created:
  • Creator: Dwchiang
  • Is current revision? No
  • Comment 58 words added, 4 words removed
Tags: 

Revision Content

Le 8 octobre 2009, le brouillon de spécification HTML5 est passé au statut « Last Call » (dernier appel) au WHATWG, ce qui signifie qu'il est presque terminé. Cet article décrit quelles parties de la spécification HTML5 sont déjà gérées par le moteur Gecko de Mozilla.

Introduction à HTML5

Introduction à HTML5
Cet article vous présente la manière d'utiliser HTML5 dans vos conceptions de sites et d'applications web.

Éléments HTML5

Utilisation d'audio et video {{ fx_minversion_inline("3") }}
La gestion des éléments HTML5 audio et video a été ajoutée dans Firefox 3.5.

Fonctionnalités pour les applications web

Ressources hors ligne dans Firefox {{ fx_minversion_inline("3") }}
Firefox gère complètement la spécification des ressources hors ligne HTML5.
Web workers {{ fx_minversion_inline("3") }}
Firefox 3.5 gère les web workers qui permettent d'utiliser facilement le multi-threading dans les applications web. Ils ne font pas partie de la norme HTML5, mais sont également publiés par le WHATWG et sont souvent associés à HTML5.
Évènements online et offline {{ fx_minversion_inline("3") }}
Firefox 3 gère les évènements online et offline du WHATWG, qui permettent aux applications web et aux extensions de détecter si une connexion à Internet est active ou non, ainsi que le moment où la connexion et la déconnexion se font.
Stockage de session et persistant côté client du WHATWG (ou DOM Storage) {{ fx_minversion_inline("2") }}
Le stockage de session et persistant côté client permet aux applications web de stocker des données structurées du côté du client.
Utilisation de fichiers depuis des applications web {{ fx_minversion_inline("3") }}
La gestion de la nouvelle API File d'HTML5 a été ajoutée à Gecko, ce qui permet aux applications web d'accéder à des fichiers locaux sélectionnés par l'utilisateur. Cela comprend la sélection de plusieurs fichiers à l'aide du nouvel attribut multiple de l'élément HTML input type="file".

Fonctionnalités DOM

Glisser et déposer {{ fx_minversion_inline("3") }}
L'API de glisser et déposer HTML5 (drag and drop) permet de faire glisser des éléments au sein et entre des sites web. C'est aussi une API plus simple utilisable par les extensions et applications basées sur Mozilla.
Gestion du focus en HTML {{ fx_minversion_inline("3") }}
Les nouveaux attributs HTML5 activeElement et hasFocus sont gérés.
Gestionnaires de protocoles web {{ fx_minversion_inline("3") }}
Il est à présent possible d'enregistrer des applications web en tant que gestionnaires de protocoles à l'aide de la méthode navigator.registerProtocolHandler().

Gestion de Canvas

Dessiner avec canvas {{ fx_minversion_inline("1") }}
 Découvrez la nouvelle balise <canvas> et comment dessiner des graphes et d'autres objets dans Firefox.
API de texte HTML5 pour les éléments canvas {{ fx_minversion_inline("3") }}
Les éléments canvas gèrent également l'API texte d'HTML5.

Autres changements

  • localName et namespaceURI se comportent à présent dans les documents HTML de la même manière que dans les documents XHTML : localName renvoie le nom des éléments en minuscules et la valeur de namespaceURI pour les éléments HTML est "http://www.w3.org/1999/xhtml" {{ fx_minversion_inline("3") }}
  • Lorsque l'identifiant de fragment de document de l'URI de la page (la partie après le caractère dièse « # ») change, un nouvel évènement hashchange est envoyé à la page. Consultez window.onhashchange pour plus d'informations. {{ fx_minversion_inline("3") }}
  • La gestion de la propriété HTML5 element.classList permet de gérer plus facilement les attributs de classeto allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}

Travail en cours

Analyseur HTML5
Firefox est déjà fourni avec un analyseur HTML5, mais il est désactivé par défaut tant que durent les tests. Pour l'activer, changez la valeur de la préférence html5.enable en true.

Voir également

{{ languages( {"es": "es/HTML/HTML5", "fr": "fr/HTML/HTML5", "ja": "ja/HTML/HTML5" , "ko": "ko/HTML/HTML5" , "pt": "pt/HTML/HTML5", "zh-cn": "cn/HTML/HTML5", "zh-tw": "zh_tw/HTML/HTML5"} ) }}

Revision Source

<p>Le 8 octobre 2009, le brouillon de spécification <a class=" external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML5</a> est passé au statut « Last Call » (dernier appel) au WHATWG, ce qui signifie qu'il est presque terminé. Cet article décrit quelles parties de la spécification HTML5 sont déjà gérées par le moteur Gecko de Mozilla.</p>
<h2>Introduction à HTML5</h2>
<dl> <dt><a href="/fr/HTML/Introduction_à_HTML5" title="fr/HTML/Introduction à HTML5"><strong>Introduction à HTML5</strong></a></dt> <dd>Cet article vous présente la manière d'utiliser HTML5 dans vos conceptions de sites et d'applications web.</dd>
</dl>
<h2>Éléments HTML5</h2>
<dl> <dt><a href="/Fr/Utilisation_d'audio_et_video_dans_Firefox" title="fr/Utilisation d'audio et video dans Firefox">Utilisation d'audio et video</a> {{ fx_minversion_inline("3") }}</dt> <dd>La gestion des éléments HTML5 <a href="/fr/HTML/Element/Audio" title="fr/HTML/Element/Audio"><code>audio</code></a> et <a href="/Fr/HTML/Element/Video" title="fr/HTML/Element/Video"><code>video</code></a> a été ajoutée dans Firefox 3.5.</dd>
</dl>
<h2>Fonctionnalités pour les applications web</h2>
<dl> <dt><a href="/fr/Ressources_hors_ligne_dans_Firefox" title="fr/Ressources hors ligne dans Firefox">Ressources hors ligne dans Firefox</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox gère complètement la spécification des ressources hors ligne HTML5.</dd> <dt><a href="/fr/Utilisation_des_web_workers" title="fr/Utilisation des web workers">Web workers</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 gère les web workers qui permettent d'utiliser facilement le multi-threading dans les applications web. Ils ne font pas partie de la norme HTML5, mais sont également publiés par le WHATWG et sont souvent associés à HTML5.</dd> <dt><a href="/fr/Évènements_online_et_offline" title="fr/Évènements online et offline">Évènements online et offline</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3 gère les évènements online et offline du WHATWG, qui permettent aux applications web et aux extensions de détecter si une connexion à Internet est active ou non, ainsi que le moment où la connexion et la déconnexion se font.</dd>
</dl>
<dl> <dt><a href="/fr/DOM/Storage" title="fr/DOM/Storage">Stockage de session et persistant côté client du WHATWG (ou DOM Storage)</a> {{ fx_minversion_inline("2") }}</dt> <dd>Le stockage de session et persistant côté client permet aux applications web de stocker des données structurées du côté du client.</dd> <dt><a href="/fr/Utilisation_de_fichiers_depuis_des_applications_web" title="fr/Utilisation de fichiers depuis des applications web">Utilisation de fichiers depuis des applications web</a> {{ fx_minversion_inline("3") }}</dt> <dd>La gestion de la nouvelle API File d'HTML5 a été ajoutée à Gecko, ce qui permet aux applications web d'accéder à des fichiers locaux sélectionnés par l'utilisateur. Cela comprend la sélection de plusieurs fichiers à l'aide du nouvel attribut <code>multiple</code> de l'élément HTML <code>input type="file"</code>.</dd>
</dl>
<h2>Fonctionnalités DOM</h2>
<dl> <dt><a href="/fr/Glisser_et_déposer" title="fr/Glisser et déposer">Glisser et déposer</a> {{ fx_minversion_inline("3") }}</dt> <dd>L'API de glisser et déposer HTML5 (drag and drop) permet de faire glisser des éléments au sein et entre des sites web. C'est aussi une API plus simple utilisable par les extensions et applications basées sur Mozilla.</dd> <dt><a href="/fr/Gestion_du_focus_en_HTML" title="fr/Gestion du focus en HTML">Gestion du focus en HTML</a> {{ fx_minversion_inline("3") }}</dt> <dd>Les nouveaux attributs HTML5 <code>activeElement</code> et <code>hasFocus</code> sont gérés.</dd> <dt><a href="/fr/Gestionnaires_de_protocoles_web" title="fr/Gestionnaires de protocoles web">Gestionnaires de protocoles web</a> {{ fx_minversion_inline("3") }}</dt> <dd>Il est à présent possible d'enregistrer des applications web en tant que gestionnaires de protocoles à l'aide de la méthode <code>navigator.registerProtocolHandler()</code>.</dd>
</dl>
<h2>Gestion de Canvas</h2>
<dl> <dt><a href="/fr/Dessiner_avec_canvas" title="fr/Dessiner avec canvas">Dessiner avec canvas</a> {{ fx_minversion_inline("1") }}</dt> <dd> Découvrez la nouvelle balise <code>&lt;canvas&gt;</code> et comment dessiner des graphes et d'autres objets dans Firefox.</dd> <dt><a href="/fr/Dessin_de_texte_avec_canvas" title="fr/Dessin de texte avec canvas">API de texte HTML5 pour les éléments <code>canvas</code></a> {{ fx_minversion_inline("3") }}</dt> <dd>Les éléments canvas gèrent également l'API texte d'HTML5.</dd>
</dl>
<h2>Autres changements</h2>
<ul> <li><code>localName</code> et <code>namespaceURI</code> se comportent à présent dans les documents HTML de la même manière que dans les documents XHTML : <code>localName</code> renvoie le nom des éléments en minuscules et la valeur de <code>namespaceURI</code> pour les éléments HTML est <code>"<a class=" external" href="http://www.w3.org/1999/xhtml" rel="external nofollow" target="_blank" title="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>" </code>{{ fx_minversion_inline("3") }}</li> <li>Lorsque l'identifiant de fragment de document de l'URI de la page (la partie après le caractère dièse « # ») change, un nouvel évènement <code>hashchange</code> est envoyé à la page. Consultez <a href="/fr/DOM/window.onhashchange" title="fr/DOM/window.onhashchange">window.onhashchange</a> pour plus d'informations. {{ fx_minversion_inline("3") }}</li> <li>La gestion de la propriété HTML5 <code><a href="/fr/DOM/element.classList" title="fr/DOM/element.classList">element.classList</a></code> permet de gérer plus facilement les attributs de classeto allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}</li>
</ul>
<h2>Travail en cours</h2>
<dl> <dt>Analyseur HTML5</dt> <dd>Firefox est déjà fourni avec un analyseur HTML5, mais il est désactivé par défaut tant que durent les tests. Pour l'activer, changez la valeur de la préférence <code>html5.enable</code> en <code>true</code>.</dd>
</dl>
<h2 name="See_Also">Voir également</h2>
<ul> <li><a href="/fr/Firefox_3.6_pour_les_développeurs" title="fr/Firefox 3.6 pour les développeurs">Firefox 3.6 pour les développeurs</a></li> <li><a href="/Fr/Firefox_3.5_pour_les_développeurs" title="fr/Firefox 3.5 pour les développeurs">Firefox 3.5 pour les développeurs</a></li> <li><a href="/fr/Firefox_3_pour_les_développeurs" title="fr/Firefox 3 pour les développeurs">Firefox 3 pour les développeurs</a></li> <li><a href="/fr/Firefox_2_pour_les_développeurs" title="fr/Firefox 2 pour les développeurs">Firefox 2 pour les développeurs</a></li> <li><a href="/fr/Firefox_1.5_pour_les_développeurs" title="fr/Firefox 1.5 pour les développeurs">Firefox 1.5 pour les développeurs</a></li>
</ul>
<div class="noinclude">
<p>{{ languages( {"es": "es/HTML/HTML5", "fr": "fr/HTML/HTML5", "ja": "ja/HTML/HTML5" , "ko": "ko/HTML/HTML5" , "pt": "pt/HTML/HTML5", "zh-cn": "cn/HTML/HTML5", "zh-tw": "zh_tw/HTML/HTML5"} ) }}</p>
</div>
Revert to this revision