HTML5

Exemplos HTML5

Uma coleção de exemplos apresentando as últimas tecnologias HTML em ação

HTML5 é a mais recente evolução do padrão que define o HTML. O termo representa dois diferentes conceitos:

E uma nova versão da linguagem HTML, com novos elementos, atributos, e comportamentos e um conjunto maior de tecnologias que permite o desenvolvimento de aplicações e web sites mais diversos e poderosos. Este conjunto é chamado HTML5 & friends e muitas vezes abreviado apenas como HTML5.

Embora as especificações do HTML5 ainda não tenham sido finalizadas e estejam sujeitas as mudanças, navegadores como o Mozilla e de outros desenvolvedores começaram a implementar partes deste padrão. Os links para os artigos descrevem as partes do HTML5 que já são suportadas pelo interpretador do Mozilla Gecko, usado pelo Firefox e muitos outros produtos. Consulte artigos específicos para as versões do Gecko e para os interpretadores de outros navegadores para o suporte de cada recurso.

(Alguns outros artigos relacionados com HTML5.)

Introdução ao HTML5

Introdução ao HTML5: Este artigo introduz como utilizar HTML5 no desenho de site ou de sua aplicação.

Elementos do HTML5

Lista de tags / elementos do HTML5: Esta página contém uma tabela com todos os elementos (tags) baseado no rascunho atual das especificações do HTML5.

Utilizando audio e video: Adicionando suporte aos elementos do HTML5 <audio> e <video> ao Firefox 3.5.
Formulários em HTML5: Veja as melhorias para formulários web em HTML5: a API de validação de restrição, vários novos atributos, novos valores para <input> atributo type e os novo elemento <output>.
Sections and outlines in HTML5: Veja os novos elementos para delinear e seccionar em HTML5: <section>, <article>, <nav>, <header>, <footer>, <aside> and <hgroup>.
O elemento <mark>: Este elemento é usado para marcar em destaque um texto de especial relevância.
O elemento <figure> e <figcaption>: Este elemento permite adicionar figuras e ilustrações, com uma eventual legenda, colocado abaixo do texto principal.

Suporte Canvas

Tutorial Canvas: Apreda sobre o novo elemento <canvas> e como desenhar gráficos e outros objetos no Firefox.
HTML5 API texto para elemento <canvas>: HTML5 API texto agora é suportado pelo <canvas>.

Recursos de aplicações web

Recursos Offline: O Firefox suporta completamente as especificações de HTML5 para recurso offline. A maioria dos outros navegadores tem algum nível de suporte aos recursos offline.
Eventos online e offline: O Firefox 3 suporta WHATWG eventos online e offline, que permitem que aplicações e extensões detectem se há ou não uma conexão ativa com Internet, bem como detecta quando a conexão conecta e desconecta.
Sessão WHATWG do lado cliente e armazenamento persistente (aka DOM Storage): A sessão do lado cliente e o armazenamento persistente permitem que as aplicações web armazenem dados estruturados no lado cliente.
O atributo contentEditable: transforma seu website em um wiki!: O HTML5 tem um atributo padronizado contentEditable. Saiba mais sobre este recurso.
Usando arquivos de aplicações web: Suporta para a nova HTML5 API de arquivo foi adicionada ao Gecko, tornando possível as aplicações web para acessarem arquivos locais selecionados pelo usuário. Isso inclui suporte para selecionar vários arquivos usando o novo elemento HTML <input> do type arquivo de multiplos atributos.

Recursos DOM

getElementsByClassName: O método getElementsByClassName no Document e Element nodes são suportados. Estes métodos permitem encontrar elementos de uma classe ou de uma lista de classes.
Arrastar e soltar: A HTML5 API drag and drop permite suporte para arrastar e soltar itens dentro e entre web sites. Isto também proporciona uma API simples para uso de extensões e aplicativos baseados em Mozilla.
Foco na gestão do HTML: Os novos activeElement e hasFocus são atributos suportados pelo HTML5..
Manipuladores de protocolo baseado em web: Agora você pode registrar uma aplicação web como um manipulador de protocolo usando o método navigator.registerProtocolHandler().

HTML parser

O Gecko é compatível com HTML5 parser—que transforma os bytes de documento HTML em um DOM—foi ativado por padrão a partir de maio de 2010. (Note que a versão do HTML5 parser que foi incluída no Gecko 1.9.2 / Firefox 3.6 tem bastante erros e não é recomendado para uso real.)

Alterações adicionais

localName e namespaceURI em documentos HTML agora se comportam como em documentos XML: localName retorna em minúsculas e namespaceURI para elementos HTML é "http://www.w3.org/1999/xhtml"
Quando a URI da página muda o identificador de fragmento de documento (a parte depois do caracter "#" (hash)), um novo evento hashchange é enviado para a página. Veja window.onhashchange para mais informação.
Suporte para element.classList para facilitar o manuseio de atributo de classe.
evnto de documento pronto document.onreadystatechange e document.readyState são propriedades suportadas.
Cores em atributos de apresentação são interpretados de acordo com o HTML5.

Tecnologias muitas vezes chamado de parte do HTML5 que não são

Estas são muitas vezes consideradas em conjunto com um uso amplo termo de "HTML5", mas não são realmente parte do W3C HTML5 Spec.

Veja também

Alterações nas versões do Firefox que afetam os desenvolvedores da Web: