mozilla

Revision 61794 of HTML5

  • Enlace amigable (slug) de la revisión: HTML/HTML5
  • Título de la revisión: HTML5
  • Id de la revisión: 61794
  • Creada:
  • Creador: Izel
  • ¿Es la revisión actual? No
  • Comentario 4 words added, 14 words removed

Contenido de la revisión

{{traducción|inglés|HTML:HTML5|en}}

El 28 de octubre del 2009, el borrador de especificación de HTML5 llegó al estado de última llamada de WHATWG, lo que significa que está casi finalizada. Este artículo describe qué partes de la especificación de HTML5 ya están habilitadas en el motor de renderizado de MOzilla, Gecko.

Introducción a HTML5

Introduction to HTML5
Este artículo introduce en como utilizar HTML5 en tu diseño o aplicación web.

Elementos de HTML5

Usando audio y video {{ fx_minversion_inline("3") }}
Firefox 3.5 adiciona doporte para los elementos de audio y video HTML5.

Características de las aplicaciones Web

Recursos offline en 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><em>{{traducción|inglés|</em>HTML:HTML5<em>|en}}</em></p>
<p>El 28 de octubre del 2009, el borrador de especificación de <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> llegó al estado de última llamada de WHATWG, lo que significa que está casi finalizada. Este artículo describe qué partes de la especificación de HTML5 ya están habilitadas en el motor de renderizado de MOzilla, Gecko.</p>
<h2>Introducción a HTML5</h2>
<dl> <dt><a href="/en/HTML/HTML5/Introduction_to_HTML5" title="en/HTML/Introduction to HTML5"><strong>Introduction to HTML5</strong></a></dt> <dd>Este artículo introduce en como utilizar HTML5 en tu diseño o aplicación web.</dd>
</dl>
<h2>Elementos de HTML5</h2>
<dl> <dt><a href="/En/Using_audio_and_video_in_Firefox" title="En/Using_audio_and_video_in_Firefox">Usando audio y video</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 adiciona doporte para los elementos de <a href="/En/HTML/Element/Audio" title="En/HTML/Element/Audio"><code>audio</code></a> y <a href="/En/HTML/Element/Video" title="En/HTML/Element/Video"><code>video</code></a> HTML5.</dd>
</dl>
<h2>Características de las aplicaciones Web</h2>
<dl> <dt><a href="/en/Offline_resources_in_Firefox" title="en/Offline_resources_in_Firefox">Recursos offline en</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