Introduo

O HTML5 foi criado pelo WHATWG (Web Hypertext Application Tecnhology Working
Group), um grupo formado por programadores de diversas empresas, como Opera,
Mozilla e Apple, que estavam descontentes com o rumo que a W3C estava a dar ao
XHTML.
A proposta do HTML5 ser uma linguagem mais bem preparada para construo de
aplicaes WEB, bem como ser independente de plugins, alm de ter novos elementos
que do mais semntica ao contedo.
Atualmente o WHATWG e o W3C trabalham em conjunto no desenvolvimento do HTML5.
Embora a verso final do HTML5 esteja previsto para 2012, muitos browsers j suportam
algumas das novidades do HTML5.
O HTML 5 comeou a ser escrito em 2003 e uma evoluo do HTML 4.0 uma
linguagem que ficou uma dcada sem atualizao.
O objectivo do HTML 5 criar padres de estrutura da pgina, organizar e assim facilitar
principalmente o trabalho de programas como por exemplo os Bots que rastreiam e
catalogam informaes para os motores de busca. Melhorar a interatividade e aumenta a
riqueza de recursos nativos dos browsers como: animaes, vdeos, udio e aplicaes
com muita interao dos utilizadores, como jogos e sistemas complexos.

Histria do HTML

Entre 1993 e 1995, o HTML ganhou as verses HTML+, HTML2.0 e HTML3.0, onde
foram propostas diversas mudanas para enriquecer as possibilidades da linguagem.
Contudo, at aqui o HTML ainda no era tratado como um padro. Apenas em 1997, o
grupo de trabalho do W3C responsvel por manter o padro do cdigo, trabalhou na
verso 3.2 da linguagem, fazendo com que ela fosse tratada como prtica comum.
Desde o comeo o HTML foi criado para ser uma linguagem independente de plataformas,
browsers e outros meios de acesso. Interoperabilidade significa menos custo. Voc cria
apenas um cdigo HTML e este cdigo pode ser lido por diversos meios, ao invs de
verses diferentes para diversos dispositivos. Dessa forma, evitou-se que a Web fosse
desenvolvida em uma base proprietria, com formatos incompatveis e limitada.
Por isso o HTML foi desenvolvido para que essa barreira fosse ultrapassada, fazendo
com que a informao publicada por meio deste cdigo fosse acessvel por dispositivos
e outros meios com caractersticas diferentes, no importando o tamanho da tela,
resoluo, variao de cor. Dispositivos prprios para deficientes visuais e auditivos ou
dispositivos mveis e portteis. O HTML deve ser entendido universalmente, dando a
possibilidade para a reutilizao dessa informao de acordo com as limitaes de cada
meio de acesso.

Quando o HTML4 foi lanado, o W3C alertou os desenvolvedores sobre algumas boas
prticas que deveriam ser seguidas ao produzir cdigos client-side. Desde este tempo,
assuntos como a separao da estrutura do cdigo com a formatao e princpios de
acessibilidade foram trazidos para discusses e ateno dos fabricantes e
desenvolvedores.
Contudo, o HTML4 ainda no trazia diferencial real para a semntica do cdigo. o HTML4
tambm no facilitava a manipulao dos elementos via Javascript ou CSS. Se voc
quisesse criar um sistema com a possibilidade de Dragn Drop de elementos, era
necessrio criar um grande script, com bugs e que muitas vezes no funcionavam de
acordo em todos os browsers.

Enquanto o W3C focava suas atenes para a criao da segunda verso do XHTML, um
grupo chamado Web Hypertext Application Technology Working Group ou WHATWG
trabalhava em uma verso do HTML que trazia mais flexibilidade para a produo de
websites e sistemas baseados na web.
O WHATWG foi fundado por desenvolvedores de empresas como Mozilla, Apple e Opera
em 2004. Eles no estavam felizes com o caminho que a Web tomava e nem com o rumo
dado ao XHTML. Por isso, estas organizaes se juntaram para escrever o que seria
chamado hoje de HTML5.
Entre outros assuntos que o WHATWG se focava era Web Forms 2.0 que foi includo no
HTML5 e o Web Controls 1.0 que foi abandonado por enquanto.
A participao no grupo livre e voc pode se inscrever na lista de email para contribuir.
Por volta de 2006, o trabalho do WHATWG passou ser conhecido pelo mundo e
principalmente pelo W3C - que at ento trabalhavam separadamente - que reconheceu
todo o trabalho do grupo. Em Outubro de 2006, Tim Berners-Lee anunciou que trabalharia
juntamente com o WHATWG na produo do HTML5 em detrimento do XHTML 2.
Contudo o XHTML continuaria sendo mantido paralelamente de acordo comas
mudanas causadas no HTML. O grupo que estava cuidando especificamente do XHTML
2 foi descontinuado em 2009.

Princpios do HTML5

A viso delineada do HTML5 assenta num conjunto de vrios princpios. Sendo que o
primeiro e principal objectivo, manter a convivncia e compatibilidade com as verses
anteriores uma vez que nem todas as pginas que foram at hoje desenvolvidas
respeitaram as regras definidas ao longo dos ltimos 20 anos. Os browsers tm assumido
os erros de semntica do HTML e interpretam o cdigo das pginas mostrando o seu
contedo quer exista erros ou no. Desta forma no possvel a curto ou a mdio prazo
obrigar que toda a semntica de HTML existente na Web passe rapidamente a seguir o
novo padro de regras definidas nesta ultima verso.
Outro dos princpios seguidos consistiu em melhorar o suporte da separao entre
contedo e apresentao. Como por exemplo o autor das pginas HTML deve de recorrer
a elementos para definir contedos e definir o aspecto grfico desses elementos atravs
da utilizao de CSS.
A simplificao da sintaxe do HTML foi outra das preocupaes delineadas nesta nova
verso. Foram tambm introduzidos novos elementos semnticos com o objectivo de
facilitar o trabalho aos autores das pginas.
Por ltimo o acesso universal foi outro dos objetivos do grupo de trabalho do html5 que
trabalhou em conjunto com outros grupos para suportar a acessibilidade com o objectivo
de facilitar o acesso a informao aos utilizadores com deficincias e para alm disso
tentaram tambm garantir o correto processamento de pginas HTML em diferentes
plataformas e dispositivos.











Nova Semntica
Estrutura
O HTML5 inclui novos elementos para melhorar a semntica dos documentos e minimizar
o excesso de utilizao de DIVS e SPANS (tags sem semntica).




















Com estes novos elementos, criado um padro que facilita a localizao de contedo
pelos motores de busca.

Canvas

At agora a renderizao avanada de grficos obrigava a que o HTML utiliza-se plugins
como por exemplo flash, silverlight etc. Com o HTML5 introduzido um novo elemento
designado por canvas que dispensa desta forma a utilizao de plugins para executar
operaes grficas.

O elemento canvas definido como um bitmap que fornece uma superfcie que serve
para renderizar grficos on the fly. No entanto o facto deste elemento recorrer a um
bitmap faz com que os seus contedos no possam ser redimensionados da mesma
forma que uma imagem vectorial.
Atualmente este elemento suporta apenas operaes realizadas em 2D apesar de j
existir alguns browsers que iniciaram experiencias em 3D.

No fundo a utilizao do canvas permite introduzir uma rea retangular numa pgina que
por omisso reserva uma rea de 300x150 pixis e que atravs do javascript torna-se
possvel desenhar grficos, imagens, gradientes e texto.

Vdeo e udio

At agora a reproduo de vdeo e udio obrigava o HTML a utilizar plugins. Com o
HTML5 todos os browsers compatveis passam a permitir a reproduo deste tipo de
contedos.
Desta forma o HTML5 introduz dois novos elementos (vdeo e udio) que permitem
reproduzir contedos multimdia.
Formulrios Web

O HTML5 introduz um novo conjunto de atributos que podem ser aplicados aos vrios
tipos de controlos utilizados na construo de formulrios permitindo assim desta forma a
construo de formulrios avanados que simplificam a introduo de dados.

Alguns destes novos atributos so os seguintes.

PlaceHolder

Este atributo permite definir o texto apresentado por um controlo do tipo input quando este
no contem nenhum texto. Este texto utilizado ao auxiliar o utilizador a preencher uma
caixa de texto.

AutoFocus

A utilizao deste atributo permite que um campo especifico seja focado assim que a
pgina carregada.

AutoComplete

O atributo Autocomplete tem o objectivo de auto completar o texto que est a ser inserido
nos formulrios e apresenta um conjunto de opes.

List e DataList

O atributo List permite usar uma lista de valores que simplificam o preenchimento de uma
caixa de texto. Na prtica o elemento Liste referencia o elemento DataList que contem as
opes mais utilizadas no preenchimento de uma caixa de texto.

Required

O atributo required do tipo boolean usado para impedir que um formulrio seja
submetido quando um controlo no qual ele foi aplicado possui uma string vazia.

Web Storage

O web storage implementado no HTML5 oferece a possibilidade de guardar informaes
do lado do cliente, anteriormente este mecanismo s era possvel atravs da utilizao de
cookies. No entanto a utilizao de cookies tinha diversas desvantagens em primeiro
lugar s permitia guardar blocos de informao at 4kb e em segundo lugar essa
informao era enviada constantemente em todos os pedidos de HTTP introduzindo
alguns atrasos na comunicao.
O HTML5 tenta resolver estes problemas atravs do armazenamento de dados na
mquina do utilizador, cada domnio pode conter cerca de 5MB e os dados no so
enviados pelos pedidos de HTTP efetuados pelo browser a no ser que sejam dadas
instrues especificas.

Web Sockets

O refrescamento dos dados uma necessidade de muitas aplicaes. As solues que
tm sido utilizadas at gora foram os mtodos polling e pushing. O modelo polling
consiste em gerar pedidos HTTP em intervalos de tempo predefinidos e o modelo push
envia dados do servidor para o cliente e funciona apenas neste sentido. Os Web Sockets
desenvolvidos para o HTML5 permitem estabelecer um canal de comunicao bidirecional
com uma entidade remota para suportar a troca de informao nos dois sentidos e em
tempo real.

O HTML5 est a ganhar cada vez mais espao

54% dos vdeos publicados na internet j esto disponveis em formato HTML5 de acordo
com a MeFeedia. Para alm disso novas ferramentas de edio para HTML5 foram
anunciadas pela Adobe e Sencha,o que revela que o HTML5 est a ganhar terreno.

A MeFeedia, um portal de vdeos online, conduziu um estudo para descobrir qual a
quantidade de contedo feito em HTML5 que existia no seu portal. Possuindo um ndice
com milhes de vdeos e mais de 33,000 publicadores, o estudo concluiu que o contedo
de vdeo online disponvel em HTML5 duplicou nos ltimos 5 meses passou de 26% para
54% e cresceu 5 vezes desde o comeo do ano, quando na altura apenas possua 10%.
O crescimento dirigido por dispositivos mveis. O Flash ainda o player escolhido para
desktop. Outra concluso obtida foi que a maioria dos websites oferecem vdeos em
HTML5 e tambm em Flash, e o formato apropriado escolhido baseado no dispositivo
que est no momento a aceder ao vdeo.
Ao mesmo tempo, novos editores visuais para HTML5 so anunciados. Um deles o
Edge da Adobe, uma ferramenta de prottipo destinada a utilizadores do Photoshop,
Illustrator e do Flash Pro que tm a inteno de criar animaes em HTML5. A Adobe a
empresa que foi mais afetada pelo padro HTML5, e depois de um tempo em que se ops
ao HTML5, agora lder quando se trata de ferramentas de edio para HTML5.
Outra ferramenta que foi lanada recentemente a Sencha Animator, um editor para
designers interativos que esto interessados em criar animaes em HTML5. O Animator
foi criado com o Ext JS, uma biblioteca JavaScript cross-browser que prov widgets para
aplicaes RIA, e que gera animaes puras em CSS3 essas por sua vez podem ser
integradas em qualquer outra biblioteca JS. Podem ser criados objectos 2D ou 3D, mover,
aumentar, torcer e rodar, adicionar efeitos como gradient, blur, reflexos e sombras. O
cdigo por ser acelerado pelo hardware da Apple IOS criando animaes mais suaves.
A quantidade de contedo HTML5 presente na web e as novas ferramentas,
especialmente as desenvolvidas pela Adobe, empresa por trs do Flash, mostra que o
HTML5 est cada vez mais a ganhar espao.