As novas tags do HTML5
by Luiz Paulo | março 6, 2009 | 4 Comments »Há algum tempo venho acompanhando informações sobre o tão esperado Definição de html5. E acho um bom momento de postar alguma coisa sobre o assunto.
Entre as novidades temos novas tags que terão como objetivo facilitar a organização, leitura e entendimento do código. Tanto para nós humanos quanto para robôs de busca ou o próprio browser.
Vejam as novas tags do html5
As novas tags, além de disponibilizar mais recursos como audio e vídeo (nativos), aumentarão a semântica do conteúdo, pois teremos tags específicas para partes específicas do código, como definição de cabeçalho, rodapé ou artigo.
Não vou explicar cada tag detalhadamente para não prolongar muito esse post, mas você poderá ver mais detalhes sobre as tags no w3school.
- article: Bloco de artigo
- aside: Conteúdo extra q tenha a ver com o site / artigo
- audio: Conteúdo de som
- canvas: Gráfico vetorial
- command: Botão de comando
- datagrid: Dados em uma lista ramificada
- datalist: Lista dropdown
- datatemplate: Template de dados
- details: Detalhes de um elemento
- dialog: Diálogo de uma conversa
- embed: Interatividade com conteúdo externo ou um plugin (até que fim foi especificado!)
- event-source: Alvo para eventos enviados por um servidor
- figure: Grupo de conteúdo de mídia e sua legenda
- footer: Bloco de rodapé
- header: Bloco de cabeçalho
- mark: Tag para marcação em textos
- meter: Medição entre um valor mínimo e um valor máximo
- nav: Bloco de navegação
- nest: Próximo ponto para criação de elemento (trabalha junto com a tag datatemplate e rule)
- output: Alguns tipos de saída de dados como em execução de scripts
- progress: Progresso de uma tarefa de qualquer tipo
- rule: Linha de um template (datatemplate)
- selection: Seção do documento como capítulos ou alguma outra seção do documento
- source: Recurso multimídia
- time: Data / tempo
- video: Um vídeo
Além do comentado aqui, o html teve outras mudanças como retirada de tags desnecessárias, melhoria em atributos e facilidade na definição de um DOCTYPE entr outras.
Deixemos esses assuntos para um novo post 
Outros links sobre o assunto
- HTML 5 Reference
- HTML5 Elements and Attributes
- Definição de html5 na wikipedia
- HTML 5 - Mudanças na estrutura e semântica
Posts Relacionados
Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , html, html5, semantica, tag
![[Costão do Santinho] Guardião](http://farm5.static.flickr.com/4122/4820659063_e4573c17c9_s.jpg)
![[Costão do Santinho] Praia](http://farm5.static.flickr.com/4135/4821276850_048c3d09d8_s.jpg)
4 Comentários
Muito legal.
A versão anterior do HTML era muito voltada para a apresentação. A versão 5, além de acrescentar recursos novos, apresenta muitos tags de conteúdo, o que torna a página muito mais flexível e o código bem mais legível.
[]'s
Cacilhas, La Batalema
Sim, Cacilhas.
O mais interessante no projeto é a melhoria na semântica. Acho que com essa melhoria, os sistemas de busca poderão evoluir um bocado com o passar do tempo.
[]'s
Essa melhoria é algo que os Microformats tentavam de uma certa forma contornar! Gostei!
É galera, HTML não vai ser mais brincadeira de criança não =p
Será que será utilizável já no ano que vem? xD