HTML5:W2008 16/9/2009 19:56 Page 63
HTML 5 Programação
Algumas novidades do HTML 5 Tag <canvas>: A finalidade desta tag é renderizar gráficos bidimensionais e permitir a edição de imagens por meio de API ou Javascript. Tag <header>: Serve para definir o que haverá no cabeçalho. Atualmente, o costume é o uso de div para montar o cabeçalho, descrevendo o id como “cabecalho”, “topo” ou qualquer coisa do tipo, de modo com que o desenvolvedor (e apenas ele, não a máquina) fique ciente da utilidade daquele item dentro do documento. Tag <article>: Define um artigo, uma área da página que tenha formulários e/ou texto e/ou imagens que envolvam um mesmo tema, como área de comentários em um blog ou a área posts de um fórum. Tag <section>: Tem a finalidade de definir uma área dentro da página, sendo que cada uma pode, por exemplo, conter um <h1>. O objetivo é fazer com que a semântica da página não se perca por existir mais de um título de nível 1 dentro do mesmo documento. Esta ferramenta é muito útil para a indexação de buscadores. É bom alertar que as divs (que atualmente podem funcionar como uma delimitadora de seções) não deixarão de existir, mas terão seu uso diminuído e passarão a ser necessárias apenas em casos específicos. Tag <aside>: Engloba informações que tenham alguma ligação com o conteúdo principal do site. Exemplo: menu, busca, banner.
* O HTML 5 promete alterações de desenvolvimento como a inclusão de APIs para criação de gráficos em 2D, controle de conteúdo multimídia, melhora na depuração de erros e aprimoramento do uso em modo offline Tag <footer>: Define a área de rodapé do documento ou da seção. Tag <audio>: Estabelece a exibição de qualquer elemento de streaming de áudio. O funcionamento desta tag é simples, basta dizer no atributo “src” o caminho do arquivo de som a ser executado. Por meio desta tag, é possível configurar se o som será executado automaticamente, se serão ou não exibidos os controles de áudio (botões de play, stop e por aí vai) e quantas vezes o áudio será reproduzido. Tag <video>: Semelhante ao funcionamento da tag <audio>, porém com o intuito de exibir vídeos na página. Além das mesmas possibilidades da tag comentada acima, também será possível definir uma imagem a ser exibida antes de o vídeo estar carregado, além da largura e altura da imagem. Tag <dialog>: Utilizada para descrever diálogos dentro do documento. Dentro da <dialog></dialog>, devem ser usadas as tags de termo de definição (<dt>) e descrição de definição (<dd>), sendo que a tag <dt> informa o nome da pessoa que está no diálogo e a tag <dd> informa o que esta pessoa está falando.
Semântica \\ Artigos no site Tableless mostram que os desenvolvedores do HTML 5 pretendem substituir os elementos indicados nos documentos por algo com significado embutido, de modo que a finalidade de cada elemento passe a ficar nítida para a máquina
locaweb 63