HTML5

  • Enlace amigable (slug) de la revisión: HTML/HTML5
  • Título de la revisión: HTML5
  • Id de la revisión: 61791
  • Creada:
  • Creador: deimidis
  • ¿Es la revisión actual? No
  • Comentario page created, 515 words added

Contenido de la revisión

On October 28, 2009, the HTML5 draft specification became a WHATWG Last Call, meaning that it is nearly finalized. This article describes what parts of the HTML5 specification are already supported by Mozilla's Gecko engine.

Introduction to HTML5

Introduction to HTML5
This article introduces how to use HTML5 in your web design or web application.

HTML5 elements

Using audio and video {{ fx_minversion_inline("3") }}
Firefox 3.5 added support for the HTML5 audio and video elements.

Web application features

Offline resources in Firefox {{ fx_minversion_inline("3") }}
Firefox fully supports the HTML5 offline resource specification.
Web workers {{ fx_minversion_inline("3") }}
Firefox 3.5 supports web workers to allow easy multi-threading support in web applications. It's not part of the HTML5 standard, but it's a standardized by the WHATWG too and is often mentioned together with HTML5.
Online and offline events {{ fx_minversion_inline("3") }}
Firefox 3 supports WHATWG online and offline events, which let applications and extensions detect whether or not there's an active Internet connection, as well as to detect when the connection goes up and down.
WHATWG client-side session and persistent storage (aka DOM Storage) {{ fx_minversion_inline("2") }}
Client-side session and persistent storage allows web applications to store structured data on the client side.
Using files from web applications {{ fx_minversion_inline("3") }}
Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the input type="file" HTML element's new multiple attribute.

DOM features

Drag and drop {{ fx_minversion_inline("3") }}
The HTML5 drag and drop API allows support for dragging and dropping items within and between web sites. This also provides a simpler API for use by extensions and Mozilla-based applications.
Focus management in HTML {{ fx_minversion_inline("3") }}
The new HTML5 activeElement and hasFocus attributes are supported.
Web-based protocol handlers {{ fx_minversion_inline("3") }}
You can now register web applications as protocol handlers using the navigator.registerProtocolHandler() method.

Canvas support

Drawing Graphics with Canvas {{ fx_minversion_inline("1") }}
 Learn about the new <canvas> tag and how to draw graphs and other objects in Firefox
HTML5 text API for canvas elements {{ fx_minversion_inline("3") }}
Canvas elements now support the HTML5 text API.

Additional changes

  • localName and namespaceURI in HTML documents now behave like they do in XHTML documents: localName returns in lower case and namespaceURI for HTML elements is "http://www.w3.org/1999/xhtml" {{ fx_minversion_inline("3") }}
  • When the page's URI's document fragment identifier (the part after the "#" (hash) character) changes, a new hashchange event is sent to the page. See window.onhashchange for more information. {{ fx_minversion_inline("3") }}
  • Support for HTML5's element.classList to allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}

Current work

HTML5 parser
Firefox already ships with an HTML5 parser, but it is disabled by default while testing is done. To enable it, set the html5.enable preference to true.

See Also

{{ languages( { "ja": "ja/HTML/HTML5" } ) }}

Fuente de la revisión

<p>On October 28, 2009, the <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> draft specification became a WHATWG Last Call, meaning that it is nearly finalized. This article describes what parts of the HTML5 specification are already supported by Mozilla's Gecko engine.</p>
<h2>Introduction to HTML5</h2>
<dl> <dt><a href="/en/HTML/Introduction_to_HTML5" title="en/HTML/Introduction to HTML5"><strong>Introduction to HTML5</strong></a></dt> <dd>This article introduces how to use HTML5 in your web design or web application.</dd>
</dl>
<h2>HTML5 elements</h2>
<dl> <dt><a href="/En/Using_audio_and_video_in_Firefox" title="En/Using_audio_and_video_in_Firefox">Using audio and video</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 added support for the HTML5 <a href="/En/HTML/Element/Audio" title="En/HTML/Element/Audio"><code>audio</code></a> and <a href="/En/HTML/Element/Video" title="En/HTML/Element/Video"><code>video</code></a> elements.</dd>
</dl>
<h2>Web application features</h2>
<dl> <dt><a href="/en/Offline_resources_in_Firefox" title="en/Offline_resources_in_Firefox">Offline resources in</a> <a href="/en/Offline_resources_in_Firefox" title="en/Offline_resources_in_Firefox">Firefox</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox fully supports the HTML5 offline resource specification.</dd> <dt><a href="/En/Using_web_workers" title="En/Using_web_workers">Web workers</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 supports web workers to allow easy multi-threading support in web applications. It's not part of the HTML5 standard, but it's a standardized by the WHATWG too and is often mentioned together with HTML5.</dd> <dt><a href="/en/Online_and_offline_events" title="en/Online_and_offline_events">Online and offline events</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3 supports WHATWG online and offline events, which let applications and extensions detect whether or not there's an active Internet connection, as well as to detect when the connection goes up and down.</dd>
</dl>
<dl> <dt><a href="/en/DOM/Storage" title="en/DOM/Storage">WHATWG client-side session and persistent storage (aka DOM Storage)</a> {{ fx_minversion_inline("2") }}</dt> <dd>Client-side session and persistent storage allows web applications to store structured data on the client side.</dd> <dt><a href="/en/Using_files_from_web_applications" title="en/Using_files_from_web_applications">Using files from web applications</a> {{ fx_minversion_inline("3") }}</dt> <dd>Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the <code>input type="file"</code> HTML element's new <code>multiple</code> attribute.</dd>
</dl>
<h2>DOM features</h2>
<dl> <dt><a href="/En/DragDrop/Drag_and_Drop" title="En/DragDrop/Drag_and_Drop">Drag and drop</a> {{ fx_minversion_inline("3") }}</dt> <dd>The HTML5 drag and drop API allows support for dragging and dropping items within and between web sites. This also provides a simpler API for use by extensions and Mozilla-based applications.</dd> <dt><a href="/en/Focus_management_in_HTML" title="en/Focus_management_in_HTML">Focus management in HTML</a> {{ fx_minversion_inline("3") }}</dt> <dd>The new HTML5 <code>activeElement</code> and <code>hasFocus</code> attributes are supported.</dd> <dt><a href="/en/Web-based_protocol_handlers" title="en/Web-based_protocol_handlers">Web-based protocol handlers</a> {{ fx_minversion_inline("3") }}</dt> <dd>You can now register web applications as protocol handlers using the <code>navigator.registerProtocolHandler()</code> method.</dd>
</dl>
<h2>Canvas support</h2>
<dl> <dt><a href="/en/Drawing_Graphics_with_Canvas" title="en/Drawing_Graphics_with_Canvas">Drawing Graphics with Canvas</a> {{ fx_minversion_inline("1") }}</dt> <dd> Learn about the new <code>&lt;canvas&gt;</code> tag and how to draw graphs and other objects in Firefox</dd> <dt><a href="/en/Drawing_text_using_a_canvas" title="en/Drawing_text_using_a_canvas">HTML5 text API for <code>canvas</code> elements</a> {{ fx_minversion_inline("3") }}</dt> <dd>Canvas elements now support the HTML5 text API.</dd>
</dl>
<h2>Additional changes</h2>
<ul> <li><code>localName</code> and <code>namespaceURI</code> in HTML documents now behave like they do in XHTML documents: <code>localName</code> returns in lower case and <code>namespaceURI</code> for HTML elements is <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>When the page's URI's document fragment identifier (the part after the "#" (hash) character) changes, a new <code>hashchange</code> event is sent to the page. See <a href="/en/DOM/window.onhashchange" title="en/DOM/window.onhashchange">window.onhashchange</a> for more information. {{ fx_minversion_inline("3") }}</li> <li>Support for HTML5's <code><a href="/en/DOM/element.classList" title="en/DOM/element.classList">element.classList</a></code> to allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}</li>
</ul>
<h2>Current work</h2>
<dl> <dt>HTML5 parser</dt> <dd>Firefox already ships with an HTML5 parser, but it is disabled by default while testing is done. To enable it, set the <code>html5.enable</code> preference to <code>true</code>.</dd>
</dl>
<h2 name="See_Also">See Also</h2>
<ul> <li><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers">Firefox 3.6 for developers</a></li> <li><a href="/En/Firefox_3.5_for_developers" title="En/Firefox 3.5 for developers">Firefox 3.5 for developers</a></li> <li><a href="/en/Firefox_3_for_developers" title="en/Firefox 3 for developers">Firefox 3 for developers</a></li> <li><a href="/en/Firefox_2_for_developers" title="en/Firefox 2 for developers">Firefox 2 for developers</a></li> <li><a href="/en/Firefox_1.5_for_developers" title="en/Firefox 1.5 for developers">Firefox 1.5 for developers</a></li>
</ul>
<div class="noinclude">
<p>{{ languages( { "ja": "ja/HTML/HTML5" } ) }}</p>
</div>
Revertir a esta revisión