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>,typee 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
e como desenhar gráficos e outros objetos no Firefox.<canvas> - 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
activeElementehasFocusdo 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
localNameenamespaceURIem documentos HTML agora funciona como em documentos XML:localNameretorna em minúsculas enamespaceURIpara 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.classListpara 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
- WebGL
FileReaderXMLHttpRequestquerySelector(All)- Geolocation
- ECMAScript5
- CSS3
- XBL2
- Web Workers
- Web Sockets
- Faster JavaScript
Veja também
- Firefox 4 para desenvolvedores
- Firefox 3.6 para desenvolvedores
- Firefox 3.5 para desenvolvedores
- Firefox 3 para desenvolvedores
- Firefox 2 para desenvolvedores
- Firefox 1.5 para desenvolvedores