HTML5 - Reinventando A Internet

I COLÓQUIO DE COMPUTAÇÃO – UFRPE – Unidade Acadêmica de Garanhuns. 25 a 30 de abril.
HTML5:
Reinventando a Internet
Carlos Alexandre Silva de Melo1, Emanoel Carlos Gomes Ferraz Silva2, Joseniel Gleydson de Melo Vasconcelos3
Introdução Também houve o surgimento de novas etiquetas [4],

que podem ser demonstrados graficamente na Figura
A história de HTML (HyperText Markup Language
que significa Linguagem de Marcação de Texto) 3.
remonta um longo caminho. Publicada pela primeira
vez em 1993, como um projeto para a Internet. No
decorrer dos anos 90’, a linguagem passou por uma
enorme série de atividades, tendo as versões 2.0 a 3.0 e
4.0 sendo lançadas no mesmo ano. E finalmente em
1999 o lançamento da versão 4.01. No decorrer de seu
desenvolvimento, a World Wide Web Consortium
(W3C) assumiu o controle da especificação. [1]
Depois de uma década sem atualizações, a
linguagem padrão da Internet desenvolvida
inicialmente por Tim Berners-Lee, acaba de mudar, o
HTML chega a sua nova versão: HTML5[2], este que
já está em desenvolvimento a cerca de seis anos e terá o
lançamento de sua versão final em 2012. [1]
O HTML5 traz consigo uma série de mudanças em
relação a sua versão anterior, prometendo uma
revolução no conceito de WEB (rede). O HTML5 é Figura 4. Estrutura simples de uma pagina em HTML5.
baseado em uma série de princípios que visam à
incorporação de novas possibilidades e praticas [1]:  <section> (Seção) representa as diversas seções
do site, é utilizada para criação de estruturas;
 Compatibilidade;
 Utilidade;
 <article> (Artigo) representa uma peça
 Interoperabilidade;
independente do conteúdo do documento,
 Acesso Universal;
como blogs ou artigos de Jornal;
Uma grande mudança em relação ao HTML4.01 é o
tipo de formatação, por exemplo: o HTML5, não
 <header> (Cabeçalho) Cabeçalho da pagina ou
requer que seu DOCTYPE (Responsável por dizer ao
de uma seção, difere de Head;
navegador se será usado HTML ou XHTML) seja
aquela linha extensa no cabeçalho do arquivo, como
 <nav> Conjunto de itens que formam a
pode ser visto nas Figuras 1. e 2. [1] Quem fará esta
navegação, como conjunto de sites parceiros
escolha, agora será o navegador, este que já oferece
por exemplo;
suporte para tal, desta forma o desenvolvedor deve se
preocupar apenas com a sintaxe. [2]
 <aside> Conteúdo relacionado ao artigo,
semelhante às tags que temos em alguns
sidebars (barras laterais);
<!DOCTYPE html>
 <footer> (Rodapé) Rodapé da pagina ou da
Figura 1. DOCTYPE em HTML5. seção;
 <canvas> (tela) usado com outra API -

<!DOCTYPE HTML PUBLIC “-//W3C//DTD
Application Programming Interface (ou
HTML 4.01//EN”
Interface de Programação de Aplicações)
“http://www.w3.org/TR/html14/strict.dtd”>
para a renderização de imagens 2D
Figura 2. DOCTYPE em HTML4.01. dinâmicas, usadas em jogos, gráficos, etc;
________________
1. Graduando em Ciência da Computação na Universidade Federal Rural de Pernambuco – Unidade Acadêmica de Garanhuns. Email:
carlosmelo@hotmail.com.br
emanoel.ferraz@gmail.com
gleydsonn@hotmail.com
mostra a Figura 5. , em sites com animações, Figura

 <dialog> (Dialogo) Junto com as tags <dt> e 6. , de musicas e até mesmo de vídeos. A Apple Inc.
<dd> expressa à formatação de um dialogo, vem usando o HTML5 em suas aplicações, como
num chat, mostrado na Figura 4; substituto do Flash Player do Adobe e para o
SilverLight da Microsoft©, desta forma, podemos
 <audio> e <video> usados nas transmissões de supor, que se outras grandes empresas abandonarem
áudio e vídeo pela internet, ou tradicionais esses “antigos” meios de visualização de multimídia o
streamings, desta forma, tenta criar uma que nos restará será o HTML5. Tudo isso acontece,
padronização entre os diversos navegadores, pelo fato de HTML5, proporcionar “Um Paradigma
como já acontece hoje, com as imagens; Livre de Plug-ins”, já que este apresenta suporte nativo
a muitos recursos que só eram possíveis com a
 <time> (tempo) representar data ou hora; instalação de plug-ins e complementos. [1]
 <meter> usada na representação de medidas,

como distância, espaço em disco, etc.
I. FIGURA 5. PAGINA DA WEB EM HTML5:

Figura 4. Etiqueta <dialog> em HTML5.
HTTP://AGENT8BALL.COM
.
Uma enorme vantagem sobre a versão anterior é a
possibilidade do desenvolvimento de aplicações off-
line, criando uma nova mudança na forma de pensar e
agir dos desenvolvedores WEB. [2]
Um grande exemplo de aplicação off-line é o
Hotmail Wave 5, que está sendo desenvolvido pela
Microsoft©, este que funcionará basicamente como um
aplicativo, que permitirá que os usuários tenham acesso
aos seus e-mails mesmo quando não estiverem
conectados a Internet. [6]
Todas essas novas tecnologias associadas ao HTML,
vem para quebrar os paradigmas sobre os Navegadores,
e criar novos conceitos sobre o futuro da tecnologia. FIGURA 6. PAGINA DA WEB EM HTML5 HTTP://AXVISUAL.COM
Objetivos Alguns elementos do HTML4.01, foram retirados na

.
nova versão, o que pode de inicio, causar problemas
Este resumo tem por objetivo, mostrar uma breve para alguns desenvolvedores. Alguns dos elementos
análise do que veio com a nova linguagem padrão para retirados pela nova versão: acronym, applet, basefont,
a Internet, o HTML5, e suas diversas mudanças com big, center, dir, font, frame, frameset, isindex, tt, u,
relação às suas versões anteriores. xmp, strike, s, noframes. [3]
Material e Métodos Discussão

Todo material envolvido no desenvolvimento deste
Através dos resultados obtidos, podemos concluir
projeto de pesquisa é de origem bibliográfica. Livros,
que a Linguagem HTML5 veio para quebrar diversos
E-books, artigos, blogs, e sites foram pesquisados com
tabus e paradigmas e para impor uma mudança
o objetivo de fundamentar os diversos temas abordados
significativa no mercado de ferramentas para
por este trabalho.
desenvolvimento online e ferramentas de
entretenimento, como o Flash Player®, onde muitos
Resultados afirmam que poderá ser superado pelo HTML5, que
Se bem utilizada à linguagem HTML5, pode ser fora apelidado de Flash Killing (Matador de Flash).
encarada como um agente facilitador para a famosa e [2]
sonhada Web Semântica, ou Web 3.0.
Pode ser usada em desenvolvimento de jogos, como É muito cedo para declararmos que tal afirmação é
verídica, a Adobe® afirma que não perderá mercado e

continua o forte investimento em sua ferramenta.
Outro fator, é que o ultimo dos Navegadores mais
utilizados mundialmente e que ainda não tinha suporte
a tecnologia, o Internet Explorer 9 da Microsoft©, foi
recentemente lançado, desta forma tudo que podemos
esperar é a propagação do HTML5 e o seu uso em
massa.
Agradecimentos
Agradecimento a Universidade Federal Rural de
Pernambuco (UFRPE) – Unidade Acadêmica de
Garanhuns (UAG);
Aos professores do Curso de Bacharelado em
Ciência da Computação da UAG;
Ao grupo da Célula Empreendedora de HTML5 da
UAG;
Referências
[1] LUBBERS, Peter. ALBERS, Brian. SALIM, Frank. “Pro Html
Programming”, 1ª Edição, 2010, Apress®. pp. 001 – 023;
[2] MULLER, Nicolas. A Nova Versão da Web que Conhecemos.
Disponível em:
http://www.oficinadanet.com.br/artigo/2034/html_5_a_nova_v
ersao_da_web_que_conhecemos. Acesso em 17 de Abril 2011
[3] SILVA, Mauricio Samy. Tabela de Referência para HTML5.
Disponível em:
http://www.maujor.com/blog/pg_apoio/tabela-referencia-
html5.html. Acesso em 17 de Abril 2011.
[4] KESTEREN, Anne van. HTML5 differences from HTML4.
Disponível em: http://www.w3.org/TR/2008/WD-html5-diff-
20080122/#new-elements. Acesso em 17 de Abril 2011.
[5] FALCON, Alvaris. HTML5 Show Case: 48 Potential Flash-
Killing Demos. Disponível em:
http://www.hongkiat.com/blog/48-excellent-html5-demos/.
Acesso em 22 de Abril 2011.
[6] Redação iMasters. Microsoft Wave 5, baseado em HTML5.
Disponível em:
http://imasters.com.br/noticia/20569/tecnologia/microsoft-
prepara-hotmail-wave-5-baseado-em-html5. Acesso em 22 de
Abril 2011
[7] WRIGHT, Tim. HTML5 and The Future of the Web.
Disponível em:
http://www.smashingmagazine.com/2009/07/16/html5-and-
the-future-of-the-web/. Acesso em 22 de Abril 2011

HTML5 - Reinventando A Internet

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

HTML5 - Reinventando A Internet

Enviado por

Direitos autorais:

Formatos disponíveis

I COLÓQUIO DE COMPUTAÇÃO – UFRPE – Unidade Acadêmica de Garanhuns. 25 a 30 de abril.

Introdução Também houve o surgimento de novas etiquetas [4],

 <canvas> (tela) usado com outra API -

mostra a Figura 5. , em sites com animações, Figura

 <meter> usada na representação de medidas,

I. FIGURA 5. PAGINA DA WEB EM HTML5:

Objetivos Alguns elementos do HTML4.01, foram retirados na

Material e Métodos Discussão

verídica, a Adobe® afirma que não perderá mercado e

Você também pode gostar