HTML 5 - Bem vindo ao futuro

Não tenho certeza se essa é a seção certa, mas qualquer problema é só mover depois.

Esse é um tópico para quem ainda estiver por fora do HTML 5 ficar sabendo das novidades (que nem são tão novas assim, para o mundo virtual), e não pretendo me aprofundar muito no assunto por enquanto.

Para começar, uma retrospectiva:
Se você nem mesmo sabe o que é HTML eu explico. HTML é uma HiperText Markup Lenguage!
Ajudou? Não? Ok... HTML significa que você colocar a linguaguem no meio do texto, na forma de marcadores (as chamadas tags).

Por exemplo, se alguem está ditando um texto para você e diz "...e acabou com tudo, ponto final, na mesma linha, entretanto..."
Você nesse caso vai escrever "...e acabou com tudo. Entretanto..."

Entendeu? HTML são esses comandos que você coloca no meio do texto que esta "ditando" para o navegador, para ele saber o como "escrever".

Agora... se você está acostumado com as tags <b>, <i>, e outras do tipo, saiba que isso é o HTML 4! Ou seja a linguagem usada antes do antecessor da versão 5.

Como assim? Bem, na verdade já faz tempo que o HTML 4 foi substituido pelo XHTML 1.1, que é uma mistura de HTML com XML.

XML é (sem mais delongas) uma Linguagem de Marcação Extensível, também usa tags mas o que cada uma faz é determinado pelo usuário.

Assim o XHTML tinha tags cujo valor era apenas semântico (a tag de lista indicava que aquilo era uma lista) mas o efeito visual que elas causavam no navegador era determinado livremente pelo usuário através da linguagem CSS.

CSS é a Folha de Estilo em Cascata, o que a grosso modo significa que é o lugar onde está definido qual vai ser o efeito visual das tags.

Assim, o XHTML tinha a vantagem de separar conteúdo de apresentação, o que além de facilitar a programação, ainda permitia mudar completamente a cara de um site sem mecher no conteúdo (podemos ver como isso funciona no Zen Garden)

Mas mesmo assim, ainda faltava algo não é? Onde está aquela interatividade que torna o computador tão melhor que a TV? Pois para isso, assim como para praticamente todo tipo de animação, são usados o JavaScript e o Flash.

Nota: JavaScript (carinhosamente conhecido como js) NÃO é Java. Repetindo, NÃO é Java

Na verdade isso tudo não é nenhum bicho de 7 cabeças nem nada, mas eis que surge ele:
o HTML 5!

Então, agora que você que não é da área já ta mais ou menos sabendo o que aconteceu antes, podemos partir para o assunto principal.

Essa nova versão da linguagem veio para simplificar a vida do programador e melhorar a qualidade geral do produto que vai parar nas mãos do usuário, além de mais uma vez tentar dar um passo a frente em questão de compatibilidade entra navegadores, e diminuir a quantidade de plugins nescessários para acessar os conteúdos da web.

Ele apresenta uma série de tags para objetos multimídia como vídeos, arquivos de áudio e imagens vetoriais - incluindo animações em Flash.

Sobre as mudanças principais:

. Passam a existir as seguintes tags:
.
. (estruturais)
. <header> - divisão para cabeçalho;
. <footer> - divisão para rodapé;
. <section> - uma divisão da página;
. <article> - um item do conteúdo;
. <nav> - divisão para links de navegação (como menus);
. <aside> - divisão para coisas relacionadas ao artigo;
.
. (conteúdo)
. <figure> - Usado para associar imagem e legenda;
. <canvas> - Tag capaz de renderizar imagens 2D dinâmicas e interativas atravéz de uma API;
. <audio> - Imagine uma tag <img> para áudio!;
. <video> - Se tem audio... por que não vídeo?;
. <dialog> - Usado para formatar diálogo, usa as tags dd e dt para separar de quem é cada fala;
. <time> - Mostra data e hora, simples assim. Só quem programa entende ;
. <meter> - Usada para representar medidas de coisas... tipo distância, tempo, etc;
.
. Deixam de existir:
.
. tags que não fazem falta, pois são substituidas pelo CSS exe.: <basefont>, <big>, <center>, <font>, <s>, <strike>, <tt>, <u>;
.
. tags que atrapalhavam a acessibilidade do site, como <frame>, <frameset> e <noframes>;
.
. nota: as tags <b> e <i> continuam sendo reconhecidas e renderizadas, mas não fazem parte da "norma culta" da linguagem.
.
. alguns atributos, por falta de uso ou por serem substituíveis, entre eles:
. target no elemento <a>;
. align;
. background em <body>;
. bgcolor nos elementos de tabela e no <body>;
. border em <table> e <object>;
. cellpadding e cellspacing em <table>;
. height em <td> e <th>;
. width nos elementos <hr>, <table>, <td>, <th> e <pre>;
. hspace e vspace em <img> e <object>;
. noshade e size em <hr>;
.
. Para o bem geral da nação foi modificado o elemento doctype, antigamente era assim: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> agora ficou assim: <!DOCTYPE html>
.
. Tags que não precisam de uma tag de fechamento, como <img> ou <input> não tem mais a barra de fechamento no final. Ou seja, se antes era <img /> agora é <img>.
.
. nota: A barra continuará sendo compreendida pelos navegadores para facilitar a transição do XHTML para o HTML 5.

O que? Não ficou claro as tags estruturais? Apenas citar não adianta né?
Vamos ter que usar imagens!





Entendeu? Então compare!


É isso ai pessoal! Agora façam o que quiserem, o tópico é de vocês.