Informatica

Disponível somente no TrabalhosFeitos
  • Páginas : 5 (1243 palavras )
  • Download(s) : 0
  • Publicado : 21 de junho de 2012
Ler documento completo
Amostra do texto
HTML5
Introduçã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 defacilitar 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 oude 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 aoartigo (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 evídeo. É uma tentativa de criar um padrão em todos os navegadores como acontece hoje com as imagens:
<audio src="musica.mp3" autoplay="autoplay" loop="20000" />

<video src="video.mov" width="400" height="360" />
<dialog> - junto com as tags <dt> e <dd> criado para formatar um diálogo:<dialog>
<dt> Michael, you never told me your family knew Johnny Fontane!
<dd> Oh sure, you want to meet him?
<dt> Yeah!
<dd> You know, my father helped Johnny in his career.
<dt> Really? How?
<dd> ...Let's listento this song.
</dialog>
<time> - representa data e/ou hora;
<meter> - utilizado para representar medidas, que podem ser de distância, de armazenagem em disco, etc.

Elementos retirados do HTML5
Alguns elementos não existirão mais no HTML5. Alguns foram retirados porque sua função é puramente visual e devem ser substituídos por uma declaração noCSS (Cascading Style Sheets), como:<basefont>, <big>, <center>, <font>, <s>, <strike>, <tt> e <u>. Outros foram retirados porque afetam negativamente a acessibilidade do site: <frame>, <frameset> e <noframes>.
Apesar de serem considerados antigos, <b> e <i> ainda serão reconhecidos e renderizados para fins deformatação, mas devem ser substituídos sempre que possível pelos elementos <strong> e <em>, respectivamente.
Também foram retirados alguns atributos, seja porque caíram em desuso ou porque podem ser substituídos semanticamente por declarações no CSS para definir o visual dos elementos. Os principais atributos retirados são:
* Target  no elemento <a>;
* align  nos...
tracking img