HTML5

  • Enlace amigable (slug) de la revisión: HTML/HTML5
  • Título de la revisión: HTML5
  • Id de la revisión: 61799
  • Creada:
  • Creador: Izel
  • ¿Es la revisión actual? No
  • Comentario 10 words added, 8 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 soporte para los elementos de audio y video HTML5.

Características de las aplicaciones Web

Recursos offline en Firefox {{ fx_minversion_inline("3") }}
Fiirefox soporta completamente la especificación de recursos offline de HTML5.
Desarolladores Web {{ 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.
Eventos online y offline {{ fx_minversion_inline("3") }}
Firefox 3 soprota eventos online y offline para WHATWG, el cual permite a las aplicaciones  y extensiones detectar cuando hay o no una conexión activa a internet, asi como detectar cuando la conexión inicia y termina
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.
Uso de archivos para aplicaciones Web{{ fx_minversion_inline("3") }}
Soporte  para el nuevo API de archivos de HTML5 ha sido adicionado a Gecko, haciendo posible para las aplicaciones web acceder a archivos locales seleccionados por el usuario. Esto incluye soporte para la selección de múltiples archivos usando el nuevo atributo multiple del elemento HTML type="file"

Características DOM

Arrastrar y Soltar  {{ fx_minversion_inline("3") }}
El API de HTML5 para arrastrar y soltar permite soporte para arrastrar y soltar elementos dentro y entre sitios web. Esto también proporciona un API más simple para usar con extensiones y aplicaciones basadas en Mozilla. 
Manejo del Foco en  HTML {{ fx_minversion_inline("3") }}
Se soportan los nuevos atributos de HTML5 activeElement y hasFocus.
Gestores de protocolos basados en Web {{ fx_minversion_inline("3") }}
Puedes registrar aplicaciones Web como protocolos usando el método navigator.registerProtocolHandler().

Soporte Canvas

Dibujando Gráficos con el Canvas {{ fx_minversion_inline("1") }}
 Aprende sobre el nuevo tag <canvas> y como dibujar gráficos y otros objetos en Firefox
HTML5 text API for canvas elements {{ fx_minversion_inline("3") }}
Los elementos Canvas ahora soportan el API de texto para HTML5.

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>{{ Traducción("inglés", "HTML:HTML5", "en") }}</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 soporte 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>Fiirefox soporta completamente la especificación de recursos offline de HTML5.</dd> <dt><a href="/En/Using_web_workers" title="En/Using_web_workers">Desarolladores Web</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">Eventos online y offline</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3 soprota eventos online y offline para WHATWG, el cual permite a las aplicaciones  y extensiones detectar cuando hay o no una conexión activa a internet, asi como detectar cuando la conexión inicia y termina</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">Uso de archivos para aplicaciones Web</a>{{ fx_minversion_inline("3") }}</dt> <dd>Soporte  para el nuevo API de archivos de HTML5 ha sido adicionado a Gecko, haciendo posible para las aplicaciones web acceder a archivos locales seleccionados por el usuario. Esto incluye soporte para la selección de múltiples archivos usando el nuevo atributo multiple del elemento HTML <code>type="file"</code></dd>
</dl>
<h2>Características DOM </h2>
<dl> <dt><a href="/En/DragDrop/Drag_and_Drop" title="En/DragDrop/Drag_and_Drop">Arrastrar y Soltar </a> {{ fx_minversion_inline("3") }}</dt> <dd>El API de HTML5 para arrastrar y soltar permite soporte para arrastrar y soltar elementos dentro y entre sitios web. Esto también proporciona un API más simple para usar con extensiones y aplicaciones basadas en Mozilla.  </dd> <dt><a href="/en/Focus_management_in_HTML" title="en/Focus_management_in_HTML">Manejo del Foco en  HTML</a> {{ fx_minversion_inline("3") }}</dt> <dd>Se soportan los nuevos atributos de HTML5 <code>activeElement</code> y <code>hasFocus</code>.</dd> <dt><a href="/en/Web-based_protocol_handlers" title="en/Web-based_protocol_handlers">Gestores de protocolos basados en Web</a> {{ fx_minversion_inline("3") }}</dt> <dd>Puedes registrar aplicaciones Web como protocolos usando el método <code>navigator.registerProtocolHandler()</code>.</dd>
</dl>
<h2>Soporte Canvas</h2>
<dl> <dt><a href="/en/Drawing_Graphics_with_Canvas" title="en/Drawing_Graphics_with_Canvas">Dibujando Gráficos con el Canvas</a> {{ fx_minversion_inline("1") }}</dt> <dd> Aprende sobre el nuevo tag <code>&lt;canvas&gt;</code> y como dibujar gráficos y otros objetos en 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>Los elementos Canvas ahora soportan el API de texto para HTML5.</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