HTML5

  • Revision slug: HTML/HTML5
  • Revision title: HTML5
  • Revision id: 34284
  • Created:
  • Creator: Verruckt
  • Is current revision? Não
  • コメント 320 words added, 298 words removed

Revision Content

Em 28 de outubro de 2009, a rascunho da especificação do HTML5 tornou-se um WHATWG Last Call, significando estar perto da finalização. Este artigo descreve quais as partes da especificação do HTML5 já são suportadas pela engine Gecko da Mozilla.

Outra classificação de artigos está aqui (en)

Introdução ao HTML5

Introduction to HTML5
Este artigo introduz como usar o HTML5 em seu web design ou aplicação web.

Elementos do HTML5

Using audio and video {{ gecko_minversion_inline("1.9.2") }}
O Firefox 3.5 adicionou supporte para os elementos {{ HTMLElement("audio") }} e {{ HTMLElement("video") }} do HTML5.
Forms in HTML5 {{ gecko_minversion_inline("2.0") }}
Uma visão das melhoras aos formulários web em HTML5: a restrição de validação da API, muitos novos atributos, novos valores para o atributo {{ HTMLElement("input") }}, {{ htmlattrxref("type", "input") }} e o novo elemento {{ HTMLElement("output") }}.
Sections and outlines in HTML5 {{ gecko_minversion_inline("2.0") }}
Uma visão dos novos elementos de delineação e seccionamento do HTML5: {{ HTMLElement("section") }}, {{ HTMLElement("article") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("aside") }} e {{ HTMLElement("hgroup") }}.
O elemento {{ HTMLElement("mark") }} {{ gecko_minversion_inline("2.0") }}
O elemento mark é usado para destacar textos de relevância especial.
Os elementos {{ HTMLElement("figure") }} e {{ HTMLElement("figcaption") }} {{ gecko_minversion_inline("2.0") }}
Estes elementos permitem adicionar figuras e ilustrações, com uma eventual legenda, fracamente acoplada ao texto principal.

Suporte ao Canvas

Drawing Graphics with Canvas {{ gecko_minversion_inline("1.8.1") }}
Aprendendo sobre o novo elemento {{ HTMLElement("canvas") }} e como desenhar gráficos e outros objetos no Firefox.
HTML5 text API for <canvas> elements {{ gecko_minversion_inline("1.9.1") }}
A API de texto do HTML5 é agora suportada pelos elementos {{ HTMLElement("canvas") }}.

Características de aplicações web

Offline resources in Firefox {{ gecko_minversion_inline("1.9.1") }}
O Firefox suporta totalmente a especificação de recursos offline do HTML5.
Web workers {{ gecko_minversion_inline("1.9.1") }}
O Firefox 3.5 suporta que web workers permitam facilmente o suporte à multi-threading em aplicações web. Isto não faz parte do HTML5 padrão, mas também é padronizado pela WHATWG e é mencionado regularmente junto com o HTML5.
Online and offline events {{ gecko_minversion_inline("1.9") }}
O Firefox 3 suporta eventos WHATWG online e offline, o que permite às aplicações e extensões detectarem quando há uma conexão com a internet ou não, assim como detectar quando a conexão cai ou volta.
WHATWG client-side session and persistent storage (aka DOM Storage) {{ gecko_minversion_inline("1.8.1") }}
A sessão do lado do cliente e o armazenamento contínuo, permitem às aplicações web, armazenar dados estruturados no lado do cliente.
Using files from web applications {{ gecko_minversion_inline("1.9.2") }}
Foi adicionado ao Gecko o suporte à nova API File do HTML5, possibilitando às aplicações web acessarem arquivos locais selecionados pelo usuário. Isto inclui o suporte à seleção de múltiplos arquivos usando o elemento {{ HTMLElement("input") }} do type file do novo atributo multiple do HTML.

Características do DOM

getElementsByClassName {{ fx_minversion_inline("3") }}
The getElementsByClassName methods on Document and Element nodes are supported. These methods allow finding elements with a given classes or a given list of classes.
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.

Analisador HTML (HTML parser)

Gecko's HTML5-compliant parser—which turns the bytes of an HTML document into a DOM—has been enabled by default as of May 2010. (Note that the version of the parser that was shipped in Gecko 1.9.2 / Firefox 3.6 is rather buggy and not recommended for actual use.) {{ fx_minversion_inline("4") }}

Mudanças adicionais

  • localName and namespaceURI in HTML documents now behave like they do in XML 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 element.classList to allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}
  • document readiness event document.onreadystatechange {{ fx_minversion_inline("4") }} and document.readyState {{ fx_minversion_inline("3") }} property are supported.
  • Colors in presentation attributes are interpreted according to HTML5. {{ fx_minversion_inline("4") }}

Tecnologias regularmente chamadas como parte do HTML5, que não são

Veja também

{{ languages( {"en": "en/HTML/HTML5", "es": "es/HTML/HTML5", "fr": "fr/HTML/HTML5", "ja": "ja/HTML/HTML5" , "pt": "pt/HTML"} ) }}

Revision Source

<p>Em 28 de outubro de 2009, a rascunho da especificação do <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> tornou-se um <em>WHATWG Last Call</em>, significando estar perto da finalização. Este artigo descreve quais as partes da especificação do HTML5 já são suportadas pela engine Gecko da Mozilla.</p>
<p>Outra classificação de artigos está <a href="/en/HTML/HTML5/HTML5_Thematic_Classification" title="en/HTML/HTML5/HTML5 Thematic Classification">aqui</a> (en)</p>
<h2>Introdução ao 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 artigo introduz como usar o HTML5 em seu web design ou aplicação web.</dd>
</dl>
<h2>Elementos do HTML5</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> {{ gecko_minversion_inline("1.9.2") }}</dt> <dd>O Firefox 3.5 adicionou supporte para os elementos {{ HTMLElement("audio") }} e {{ HTMLElement("video") }} do HTML5.</dd> <dt><a href="/en/HTML/HTML5/Forms_in_HTML5" title="en/HTML/HTML5/Forms in HTML5">Forms in HTML5</a> {{ gecko_minversion_inline("2.0") }}</dt> <dd>Uma visão das melhoras aos formulários web em HTML5: a restrição de validação da API, muitos novos atributos, novos valores para o atributo {{ HTMLElement("input") }}, {{ htmlattrxref("type", "input") }} e o novo elemento {{ HTMLElement("output") }}.</dd> <dt><a href="/en/Sections_and_Outlines_of_an_HTML5_document" title="en/Sections and Outlines of an HTML5 document">Sections and outlines in HTML5</a> {{ gecko_minversion_inline("2.0") }}</dt> <dd>Uma visão dos novos elementos de delineação e seccionamento do HTML5: {{ HTMLElement("section") }}, {{ HTMLElement("article") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("aside") }} e {{ HTMLElement("hgroup") }}.</dd> <dt>O elemento {{ HTMLElement("mark") }} {{ gecko_minversion_inline("2.0") }}</dt> <dd>O elemento <code>mark</code> é usado para destacar textos de relevância especial.</dd> <dt>Os elementos {{ HTMLElement("figure") }} e {{ HTMLElement("figcaption") }} {{ gecko_minversion_inline("2.0") }}</dt> <dd>Estes elementos permitem adicionar figuras e ilustrações, com uma eventual legenda, fracamente acoplada ao texto principal.</dd>
</dl>
<h3>Suporte ao Canvas</h3>
<dl> <dt><a href="/en/Drawing_Graphics_with_Canvas" title="en/Drawing_Graphics_with_Canvas">Drawing Graphics with Canvas</a> {{ gecko_minversion_inline("1.8.1") }}</dt> <dd>Aprendendo sobre o novo elemento <code>{{ HTMLElement("canvas") }}</code> e como desenhar gráficos e outros objetos no Firefox.</dd> <dt><a href="/en/Drawing_text_using_a_canvas" title="en/Drawing_text_using_a_canvas">HTML5 text API for <code>&lt;canvas&gt;</code> elements</a> {{ gecko_minversion_inline("1.9.1") }}</dt> <dd>A API de texto do HTML5 é agora suportada pelos elementos {{ HTMLElement("canvas") }}.</dd>
</dl>
<h2>Características de aplicações web</h2>
<dl> <dt><a href="/en/Offline_resources_in_Firefox" title="en/Offline_resources_in_Firefox">Offline resources in Firefox</a> {{ gecko_minversion_inline("1.9.1") }}</dt> <dd>O Firefox suporta totalmente a especificação de recursos <em>offline</em> do HTML5.</dd> <dt><a href="/En/Using_web_workers" title="En/Using_web_workers">Web workers</a> {{ gecko_minversion_inline("1.9.1") }}</dt> <dd>O Firefox 3.5 suporta que <em>web workers</em> permitam facilmente o suporte à <em>multi-threading </em>em aplicações web. Isto não faz parte do HTML5 padrão, mas também é padronizado pela WHATWG e é mencionado regularmente junto com o HTML5.</dd> <dt><a href="/en/Online_and_offline_events" title="en/Online_and_offline_events">Online and offline events</a> {{ gecko_minversion_inline("1.9") }}</dt> <dd>O Firefox 3 suporta eventos WHATWG <em>online</em> e <em>offline</em>, o que permite às aplicações e extensões detectarem quando há uma conexão com a internet ou não, assim como detectar quando a conexão cai ou volta.</dd> <dt><a href="/en/DOM/Storage" title="en/DOM/Storage">WHATWG client-side session and persistent storage (aka DOM Storage)</a> {{ gecko_minversion_inline("1.8.1") }}</dt> <dd>A sessão do lado do cliente e o armazenamento contínuo, permitem às aplicações web, armazenar dados estruturados no lado do cliente.</dd> <dt><a href="/en/Using_files_from_web_applications" title="en/Using_files_from_web_applications">Using files from web applications</a> {{ gecko_minversion_inline("1.9.2") }}</dt> <dd>Foi adicionado ao Gecko o suporte à nova API File do HTML5, possibilitando às aplicações web acessarem arquivos locais selecionados pelo usuário. Isto inclui o suporte à seleção de múltiplos arquivos usando o elemento <span style="font-family: monospace;">{{ HTMLElement("input") }}</span> do <a href="/en/HTML/Element/Input#attr-type" title="en/HTML/Element/input#attr-type"><strong>type</strong></a> <span style="font-family: Courier New;">file</span> do novo atributo <a href="/en/HTML/Element/Input#attr-multiple" title="en/HTML/Element/input#attr-multiple"><strong>multiple</strong></a> do HTML.</dd>
</dl>
<h2>Características do DOM</h2>
<dl> <dt><a href="/en/DOM/document.getElementsByClassName" title="en/DOM/document.getElementsByClassName">getElementsByClassName</a> {{ fx_minversion_inline("3") }}</dt> <dd>The getElementsByClassName methods on Document and Element nodes are supported. These methods allow finding elements with a given classes or a given list of classes.</dd> <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>Analisador HTML (HTML parser)</h2>
<p>Gecko's HTML5-compliant parser—which turns the bytes of an HTML document into a DOM—has been enabled by default as of May 2010. (Note that the version of the parser that was shipped in Gecko 1.9.2 / Firefox 3.6 is rather buggy and not recommended for actual use.) {{ fx_minversion_inline("4") }}</p>
<h2>Mudanças adicionais</h2>
<ul> <li><code>localName</code> and <code>namespaceURI</code> in HTML documents now behave like they do in XML 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 <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> <li>document readiness event <a href="/en/DOM/document.onreadystatechange" title="en/DOM/document.onreadystatechange">document.onreadystatechange</a> {{ fx_minversion_inline("4") }} and <a href="/en/DOM/document.readyState" title="en/DOM/document.readyState">document.readyState</a> {{ fx_minversion_inline("3") }} property are supported.</li> <li>Colors in presentation attributes are interpreted according to HTML5. {{ fx_minversion_inline("4") }}</li>
</ul>
<h2>Tecnologias regularmente chamadas como parte do HTML5, que não são</h2>
<ul> <li><a href="/en/WebGL" title="en/WebGL">WebGL</a></li> <li><a href="/en/DOM/FileReader" title="en/DOM/FileReader"><code>FileReader</code></a></li> <li><code><a href="/en/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a></code></li> <li><code><a href="/En/DOM/Locating_DOM_elements_using_selectors" title="En/DOM/Locating DOM elements using selectors">querySelector(All)</a></code></li> <li><a href="/En/Using_geolocation" title="En/Using geolocation">Geolocation</a></li> <li><a href="/En/JavaScript/ECMAScript_5_support_in_Mozilla" title="En/JavaScript/ECMAScript 5 support in Mozilla">ECMAScript5</a></li> <li>CSS3</li> <li><a href="/en/XBL2_specification_(external)" title="en/XBL2 specification (external)">XBL2</a></li> <li><a href="/En/Using_web_workers" title="En/Using web workers">Web Workers</a></li> <li>Web Sockets</li> <li>Faster JavaScript</li>
</ul>
<h2>Veja também</h2>
<ul> <li><a href="/pt/Firefox_4_para_desenvolvedores" rel="internal" title="pt/Firefox 4 para desenvolvedores">Firefox 4 para desenvolvedores<br> </a></li> <li><a href="/pt/Firefox_3.6_para_desenvolvedores" title="pt/Firefox 3.6 para desenvolvedores">Firefox 3.6 para desenvolvedores<br> </a></li> <li><a href="/Pt/Firefox_3.5_para_desenvolvedores" title="pt/Firefox 3.5 para desenvolvedores">Firefox 3.5 para desenvolvedores</a></li> <li><a href="/pt/Firefox_3_para_desenvolvedores" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li> <li><a href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li> <li><a href="/pt/Firefox_1.5_para_Desenvolvedores" title="pt/Firefox 1.5 para desenvolvedores">Firefox 1.5 para desenvolvedores<br> </a></li>
</ul>
<div class="noinclude">
<p>{{ languages( {"en": "en/HTML/HTML5", "es": "es/HTML/HTML5", "fr": "fr/HTML/HTML5", "ja": "ja/HTML/HTML5" , "pt": "pt/HTML"} ) }}</p>
</div>
Revert to this revision