HTML5: As tags “mágicas”

Como já comentamos em outros artigos, o HTML5 vem (na verdade, já veio) para facilitar a vida do desenvolvedor. Um site escrito em HTML5 tem seu código enxuto, muito mais leve e suas tags permitem delimitar áreas do site muito mais facilmente, além da inclusão de novos elementos.

Vamos comentar algumas das tags novas e mais interessantes! Para uma referência mais completa, visite o Pinceladas da Web, que preparou uma tabela com todas as tags de referência.

Mais simples impossível! Ela insere um vídeo em uma página. A tag promete aposentar de vez os embed players (vídeos em flash) para inclusão de vídeos em sites. No entanto, o HTML5 tem encontrado obstáculos nesta etapa, uma vez que encontra-se esbarrando em problemas diversos com licenciamento de codecs. A saída é continuar acompanhando o processo e aguardar um Youtube inteiro em HTML5!

A tag cria uma seção de navegação na página. Não há muito o que comentar sobre ela, apenas que é restrita ao HTML5 e facilita a organização do código: em vez de definir menus com divs, deixe seu código arrumadinho com seções navegáveis específicas.

Insere em sua página um grupo composto por uma imagem (foto, desenho, etc) e sua respectiva legenda. A diferença entre esta tag e a tag <img> está justamente na incorporação da legenda, o que facilita absurdamente a diagramação de páginas de notícias, por exemplo.

O elemento <canvas> permite adicionar às páginas gráficos vetoriais dinâmicos ou mesmo imagens bitmap. Inicialmente, o elemento foi desenvolvido pela Apple para uso em aplicativos do Mac OSX, como o Dashboard e mesmo no navegador Safari. Posteriormente, a tecnologia foi adotada por navegadores como Firefox e Opera, e entrou como parte da padronização para futuras tecnologias.

Como você, leitor, já pode deduzir, insere um arquivo de som em uma página. Assim como a tag <video>, dispensa recursos adicionais. Confira aqui seus principais atributos.

Enquanto alguns navegadores já se encontram dez passos a frente, fornecendo suporte completo a toda e qualquer tag do HTML5, outros ainda estão caminhando a passos curtos e parando para um cafezinho. Por enquanto, o que nos resta fazer, é aguardar o suporte completo e torcer para que em breve todos estejamos desfrutando dos benefícios desta nova linguagem!

Um grande abraço e até o próximo post! ;)

Tags: , ,

One Response para “HTML5: As tags “mágicas””