HTML5 - Viso geral do HTML5 | Channel 9

Pgina 1 de 27

Follow Us @Ch9

BROWSE

FORUMS

CODING4FUN

EVENTS

Subscribe to Channel 9

Sign In

Search this site

Blogs

HTML5 - Viso geral do HTML5

Posted: Apr 18, 2012 at 8:33 AM
By: DiegoBlanco
(6)

57,511 Views

246 Comments

reddit

Tweet

16

Like

85

Avg Rating: 5

Related entries
Successful
Software
Project
Management
Styles
Skirmish Mode
in Star Trek
Legacy for the
Xbox 360
VISO GERAL DO HTML5
De acordo com o W3C a Web baseada em 3 pilares:
Um esquema de nomes para localizao de fontes de informao na Web, esse esquema
chama-se URI.
Um Protocolo de acesso para acessar estas fontes, hoje o HTTP.
Uma linguagem de Hypertexto, para a fcil navegao entre as fontes de informao: o
HTML.

ICSE 2011:
Conversation
with Baris
Aktemur
CES 2014:
Hands-On with
the Panasonic
FZ-M1 7"

Vamos nos focar no terceiro pilar, o HTML.

Hypertexto
HTML uma abreviao de Hypertext Markup Language - Linguagem de Marcao de
Hypertexto. Resumindo em uma frase: o HTML uma linguagem para publicao de contedo
(texto, imagem, vdeo, udio e etc) na Web.
O HTML baseado no conceito de Hipertexto. Hipertexto so conjuntos de elementos ou ns
ligados por conexes. Estes elementos podem ser palavras, imagens, vdeos, udio, documentos etc.
Estes elementos conectados formam uma grande rede de informao. Eles no esto conectados
linearmente como se fossem textos de um livro, onde um assunto ligado ao outro seguidamente.
A conexo feita em um hipertexto algo imprevisto que permite a comunicao de dados,
organizando conhecimentos e guardando informaes relacionadas.
Para distribuir informao de uma maneira global, necessrio haver uma linguagem que seja
entendida universalmente por diversos meios de acesso. O HTML se prope a ser esta linguagem.
Desenvolvido originalmente por Tim Berners-Lee o HTML ganhou popularidade quando o Mosaic
- browser desenvolvido por Marc Andreessen na dcada de 1990 - ganhou fora. A partir da,
desenvolvedores e fabricantes de browsers utilizaram o HTML como base, compartilhando as
mesmas convenes.
O comeo e a interoperabilidade
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. Voc pode ver:
http://www.w3.org/TR/html401/appendix/changes.html
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

http://channel9.msdn.com/posts/Viso-geral-do-HTML5

10/06/2015

HTML5 - Viso geral do HTML5 | Channel 9

Pgina 2 de 27

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.
WHAT Working Group
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 (http://www.whatwg.org/) 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.
O HTML5 e suas mudanas
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 Drag'n Drop de elementos, era necessrio criar um grande
script, com bugs e que muitas vezes no funcionavam de acordo em todos os browsers.
O que o HTML5?
O HTML5 a nova verso do HTML4. Enquanto o WHATWG define as regras de marcao que
usaremos no HTML5 e no XHTML, eles tambm definem APIs que formaro a base da arquitetura
web. Essas APIs so conhecidas como DOM Level 0.
Um dos principais objetivos do HTML5 facilitar a manipulao do elemento possibilitando o
desenvolvedor a modificar as caractersticas dos objetos de forma no intrusiva e de maneira que
seja transparente para o usurio final.
Ao contrrio das verses anteriores, o HTML5 fornece ferramentas para a CSS e o Javascript
fazerem seu trabalho da melhor maneira possvel. O HTML5 permite por meio de suas APIs a
manipulao das caractersticas destes elementos, de forma que o website ou a aplicao continue
leve e funcional.
O HTML5 tambm cria novas tags e modifica a funo de outras. As verses antigas do HTML no
continham um padro universal para a criao de sees comuns e especficas como rodap,
cabealho, sidebar, menus e etc. No havia um padro de nomenclatura de IDs, Classes ou tags.
No havia um mtodo de capturar de maneira automtica as informaes localizadas nos rodaps
dos websites.
H outros elementos e atributos que sua funo e significado foram modificados e que agora podem
ser reutilizados de forma mais eficaz. Por exemplo, elementos como B ou I que foram
descontinuados em verses anteriores do HTML agora assumem funes diferentes e entregam
mais significado para os usurios.
O HTML5 modifica a forma de como escrevemos cdigo e organizamos a informao na pgina.
Seria mais semntica com menos cdigo. Seria mais interatividade sem a necessidade de instalao
de plugins e perda de performance. a criao de cdigo interopervel, pronto para futuros
dispositivos e que facilita a reutilizao da informao de diversas formas.
O WHATWG tem mantido o foco para manter a retrocompatibilidade. Nenhum site dever ter de
ser refeito totalmente para se adequar aos novos conceitos e regras. O HTML5 est sendo criado
para que seja compatvel com os browsers recentes, possibilitando a utilizao das novas
caractersticas imediatamente.

http://channel9.msdn.com/posts/Viso-geral-do-HTML5

10/06/2015

HTML5 - Viso geral do HTML5 | Channel 9

Pgina 3 de 27

Este treinamento faz parte do Microsoft Virtual Academy:

http://www.microsoftvirtualacademy.com

Tags: Brazilian Portuguese, HTML 5, HTML5, Microsoft

Follow the Discussion

Jun 25, 2012 at 5:56 PM
proximo ao fim do topico: WHAT Working Group, encontra-se um erro
de digitao:
"Contudo o XHTML continuaria sendo mantido paralelamente de acordo
>>>comas<<< mudanas causadas no HTML"
Jeudi
fica aqui uma dica para acertar e manter no mais alto nivel este servio
que qualifico como excelente!

Jun 26, 2012 at 6:29 AM

post muito bacana, realmente esclarecedor!

Fabricio Lacerda

Jun 26, 2012 at 4:47 PM

Muito bom, eu desconhecia alguns dos pontos citados.

Jonatas Vieira

Jun 28, 2012 at 5:17 AM

Excelente explicao!

Carlos

Jun 28, 2012 at 10:28 AM

Muito bom gostei!

carlos

Jun 28, 2012 at 10:27 PM

Gostei muito, muito bacana mesmo!

JoabsonJb

Jun 29, 2012 at 11:59 AM

E pensar que HTML5 coisa nova, os caras esto imersos na busca por
melhoria desde 2004. Muito bom esse texto.
Marco Melo

Jul 01, 2012 at 9:13 AM

Evoluo sempre. Estudando e aprendendo.

Juan de Paula

Jul 03, 2012 at 2:01 AM

Parabns pelo tpico.

Fabio Junio

http://channel9.msdn.com/posts/Viso-geral-do-HTML5

10/06/2015