HTML5

O HTML5 é a última evolução no padrão que define o HTML. Enquanto a especificação do HTML5 (en) não está finalizada e ainda está sujeita a mudanças, a Mozilla e outros fornecedores de navegadores começaram a implementar algumas partes disto. Os artigos aqui vinculados descrevem partes do HTML5 que já são suportadas pela motor Gecko da Mozilla, usado pelo Firefox e muitos outros produtos (en).

(Aqui está uma outra classificação dos artigos de HTML5 (en).)

Introdução ao HTML5

Introdução ao HTML5
Este artigo introduz como usar o HTML5 em seu design para web ou aplicação web.

Elementos do HTML5

Usando áudio e vídeo
O Firefox 3.5 adicionou supporte para os elementos <audio> e <video> do HTML5.
Formulários no HTML5
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 <input>, type e o novo elemento <output>.
Seções e estruturas de tópicos em HTML5
Uma visão dos novos elementos de delineação e seccionamento do HTML5: <section>, <article>, <nav>, <header>, <footer>, <aside> e <hgroup>.
O elemento <mark>
O elemento mark é usado para destacar textos de relevância especial.
Os elementos <figure> e <figcaption>
Estes elementos permitem adicionar figuras e ilustrações, com uma eventual legenda, fracamente acoplada ao texto principal.

Suporte ao Canvas

Desenhando com Canvas
Aprendendo sobre o novo elemento <canvas> e como desenhar gráficos e outros objetos no Firefox.
API de texto do HTML5 para elementos <canvas>
A API de texto do HTML5 é agora suportada pelos elementos <canvas>.

Características de aplicações web

Recursos offline no Firefox
O Firefox suporta totalmente a especificação de recursos offline do HTML5.
Eventos online e offline
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.
Sessão WHATWG do lado do cliente e armazenamento persistente (aka Armazenamento DOM)
A sessão do lado do cliente e o armazenamento contínuo, permitem às aplicações web, armazenar dados estruturados no lado do cliente.
Usando arquivos de aplicações web
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 <input> do type file do novo atributo multiple do HTML.

Características do DOM

getElementsByClassName
Os métodos getElementsByClassName são suportados nos nós Documento e Elemento. Estes métodos permitem encontrar elementos com uma classe dada ou com uma lista de classes dadas.
Arrastar e soltar
A API de arrastar e soltar (drag and drop) do HTML5 permite o suporte para itens arrastáveis dentro e entre web sites. É também fornecido uma API simples para o uso de extensões e aplicações baseadas na Mozilla.
Foco na gestão de HTML
Os novos atributos activeElement e hasFocus do HTML5 são suportados.
Manipuladores de protocolo web
Você pode registrar aplicações web como manipuladores de protocolos usando o método navigator.registerProtocolHandler().

Analisador HTML (HTML parser)

O analisador complacente de HTML5 do Gecko — o qual transforma os bytes de um documento HTML em um DOM — foi habilitado por padrão desde maio de 2010. (Observe que a versão do analisador HTML5 lançado com o Gecko 1.9.2 / Firefox 3.6 tem muitos bugs e não é recomendada para uso atualmente.)

Mudanças adicionais

  • localName e namespaceURI em documentos HTML agora funciona como em documentos XML: localName retorna em minúsculas e namespaceURI para elementos HTML é "http://www.w3.org/1999/xhtml"
  • Quando o identificador de fragmento do documento da página URI (a parte depois do caractere "#" (hash)) muda, um novo eveno hashchange é enviado para a página. Veja window.onhashchange para mais informações.
  • Suporte a element.classList para permitir ligar facilmente do atributo de classe.
  • O evento de prontidão do documento document.onreadystatechange e a propriedade document.readyState são suportados.
  • Cores em atributos de apresentação são interpretados de acordo com o HTML5.

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

Veja também

 

Document Tags and Contributors

Contributors to this page: Verruckt, emilianocarvalho, vigia122, Dwchiang
Last updated by: emilianocarvalho,