Informatica
1243 palavras
5 páginas
HTML5Introdução
Neste artigo, veremos algumas novidades que o HTML5 traz. Para quem está se familiarizando agora com o HTML, sem preocupações: os elementos tradicionais continuam os mesmos, já que o HTML5 foi planejado considerando também compatibilidade com estas funcionalidades.
Novos elementos Vários novos elementos foram introduzidos no HTML5, todos com a finalidade de facilitar a compreensão e a manutenção do código. Alguns são uma evolução natural do elemento <div> com foco na semântica; outros surgiram da necessidade de padronizar a maneira de se publicar conteúdo, como acontece hoje com as imagens. Os principais elementos dessa nova versão são:
Elementos de estrutura <header> - cabeçalho da página ou de uma seção (não confundir com a tag <head>);
<section> - cada seção do conteúdo;
<article> - um item do conteúdo dentro da página ou da seção;
<footer> - o rodapé da página ou de uma seção;
<nav> - o conjunto de links que formam a navegação, seja o menu principal do site ou links relacionados ao conteúdo da página;
<aside> - conteúdo relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).
Elementos de conteúdo <figure> - usado para associar uma legenda a uma imagem, vídeo, arquivo de áudio, objeto ou iframe: <figure id="figura01"> <legend>Figura 1. Esquema de uma página em HTML5</legend> <img src="html5.png" border="0" width="200" height="300" alt="Estrutura de uma página escrita com os novos elementos do HTML5" /> </figure> <canvas> - por meio de uma API gráfica, renderiza imagens 2D dinâmicas que poderão ser usadas em jogos, gráficos, etc; <audio> e <video> - usados para streaming (transmissão pela internet) de áudio e vídeo. É