HTML5

  • Enlace amigable (slug) de la revisión: HTML/HTML5
  • Título de la revisión: HTML5
  • Id de la revisión: 61807
  • Creada:
  • Creador: Izel
  • ¿Es la revisión actual? No
  • Comentario 32 words added, 39 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

Introducción a HTML5
Este artículo es una introducción sobre cómo 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") }}
Firefox soporta completamente la especificación de recursos offline de HTML5.
Web workers  {{ fx_minversion_inline("3") }}
Firefox 3.5 soporta Web workers  para permitir soporte multi hilo en las aplicaciones Web. Esto no hace parte del estándar HTML5, pero es una estandarización de WHATWG y con frecuencia es mencionada junto con 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.

Cambios adicionales

  • localName and namespaceURI en los documentos HTML ahora se comportan como en los documentos XHTML: retorna localName en minuscula y  namespaceURI para elementos HTML es  "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") }}
  • Soporte para elementos HTML5  element.classList para facilitar el manejo del atributo class. {{ fx_minversion_inline("3") }}

Trabajo actual

parser HTML5
Firefox ya viene con un parser de HTML5, pero está desactivado por defecto, mientras se hacen las pruebas. Para habilitarlo, establezca la preferencia html5.enable en true.

Ver también

{{ 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="/es/HTML/HTML5/Introducción_a_HTML5" title="es/HTML/HTML5/Introducción a HTML5"><strong>Introducción a HTML5</strong></a></dt> <dd>Este artículo es una introducción sobre cómo 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>Firefox soporta completamente la especificación de recursos offline de HTML5.</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 soporta Web workers  para permitir soporte multi hilo en las aplicaciones Web. Esto no hace parte del estándar HTML5, pero es una estandarización de WHATWG y con frecuencia es mencionada junto con 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>Cambios adicionales</h2>
<ul> <li><code>localName</code> and <code>namespaceURI</code> en los documentos HTML ahora se comportan como en los documentos XHTML: retorna <code>localName</code> en minuscula y  <code>namespaceURI</code> para elementos HTML es  <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>Soporte para elementos HTML5  <code><a href="/en/DOM/element.classList" title="en/DOM/element.classList">element.classList</a></code> para facilitar el manejo del atributo class. {{ fx_minversion_inline("3") }}</li>
</ul>
<h2>Trabajo actual</h2>
<dl> <dt>parser HTML5</dt> <dd><span class="long_text" id="result_box"><span style="" title="">Firefox ya viene con un parser de HTML5, pero está desactivado por defecto, mientras se hacen las pruebas. </span><span style="" title="">Para habilitarlo, establezca la preferencia html5.enable en true.</span></span></dd>
</dl>
<h2 name="See_Also">Ver también</h2>
<ul> <li><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers">Firefox 3.6 para desarrolladores</a></li> <li><a href="/En/Firefox_3.5_for_developers" title="En/Firefox 3.5 for developers">Firefox 3.5</a><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers"> para desarrolladores</a></li> <li><a href="/en/Firefox_3_for_developers" title="en/Firefox 3 for developers">Firefox 3</a><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers"> para desarrolladores</a></li> <li><a href="/en/Firefox_2_for_developers" title="en/Firefox 2 for developers">Firefox 2</a><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers"> para desarrolladores</a></li> <li><a href="/en/Firefox_1.5_for_developers" title="en/Firefox 1.5 for developers">Firefox 1.5</a><a href="/en/Firefox_3.6_for_developers" title="en/Firefox 3.6 for developers"> para desarrolladores</a></li>
</ul>
<div class="noinclude">
<p>{{ languages( { "ja": "ja/HTML/HTML5" } ) }}</p>
</div>
Revertir a esta revisión