By Lucas MartinsPublished: 5 de novembro de 2009Posted in: HTML, Internet, Padrões Web, SemânticaTags: HTML, HTML 5, Internet, Padrões Web, Tecnologia, W3C
<article>: Define um artigo.
<aside>: Define algum conteúdo relacionado ao artigo.
<audio>: Define um streaming de áudio em um documento HTML
<canvas>: Define a criação de gráficos em uma página web
<command>: Define um botão de comando, como um radiobutton, uma caixa de seleção ou um botão.
<datagrid>: Define uma lista de dados selecionáveis. O datagrid é exibido como uma árvore.
<datalist>: Define uma lista de dados selecionáveis. Utilize esse elemento juntamente com o elemento input, para fazer uma lista suspensa para um valor de entrada.
<datatemplate>: Define um recipiente para o modelo de dados. Deve conter elementos filho que são <rule> para definir um modelo.
<details>: define os detalhes de um elemento, no qual o usuário pode ver, e clicar para ocultar.
<embed>: Utilizado para incorporar conteúdo no HTML, atuando como um plugin.
<eventsource>: Define um destino para eventos enviados por um servidor.
<figure>: Especifica ilustrações, imagens, fotos, associado juntamente com alguma legenda.
<footer>: Define o rodapé de uma seção ou documento. Normalmente, contém o nome do autor, data em que o documento foi escrito e / ou informações de contato.
<header>: Define o cabeçalho de uma seção ou documento.
<mark>: Define texto marcado. Utilize a tag <mark> se você quiser destacar partes do seu texto
<meter>: Define uma medição. Usado apenas para medições com conhecimento de um valor mínimo e um valor máximo.
<nav>: Define uma seção de links de navegação.
<nest>: Define o ponto de incício para criação de elementos em um <datatemplate>, utilizado em conjunto com o elemento <rule>.
<output>: Define a saída de diferentes tipos de dados, por exemplo, o cálculo efetuado por algum script.
<progress>: Define o progresso de uma tarefa de qualquer tipo.
<rule>: Define as regras para atualização de um datatemplate. Usado em conjunto com os elementos <datatemplate> e <nest>.
<section>: Define as seções em um documento. Tal como capítulos, cabeçalhos, rodapés, ou quaisquer outras seções do documento.
<source>: Define recursos para elementos de mídia, como <audio> e <video>.
<time>: Define tempo ou data, ou ambos.
<video>: Define vídeo, como um clipe de filme ou vídeo de outros fluxos.
TAGS PARA CONSTRUIR O LAYOUT NO HTML 5
<nav>: Define o local do menu
<section>: Define uma sessão de conteúdo da página
<article>: Define o conteúdo (artigo, textos, postagens, etc)
<header>: Define o cabeçalho (topo) de algum elemento (body, section, nav, etc)
<footer>: Define o rodapé de algum elemento (body, section, nav, etc)
<aside>: Define o local da barra lateral (como um layout em 3 colunas)
Lembrando que nada é mágico e nem deve ser, tudo precisa e continua necessitando de estilização com CSS.
No próximo artigo, irei mostrar alguns exemplos e formas de utilizar essas novas tags.
Abraços!
Posts relacionados:
- Sobre o HTML 5
- XML DOM: Uma Introdução
- A Semântica e a Acessibilidade: um casal perfeito
- Resolvendo o problema do FLOAT e BACKGROUND no CSS
- Internet Explorer 9 será um grande navegador
About the Author
Lucas Martins é formado em Sistemas para Internet na FIAP, tem 22 anos e mora na capital de São Paulo. Interessado em tecnologias inovadoras, pretende destacar no blog sobre algumas das tecnologias mais utilizadas e procuradas da internet hoje, o AJAX. Também dará algumas dicas importantes no desenvolvimento de sistemas utilizando o PHP 5, como também discutir outras tecnologias que possam mudar, ou melhor, otimizar a web.
