13/09/13

O que HTML 5?

Faa uma busca

buscar

Assuntos

Novidades

Mais Lidas

Android

PS4

Galaxy S4

Jogos

Windows 8

Mega Curioso

TecMundo Internet Navegador O que HTML 5?

Anncios Google

Download torrent

Google download

Firefox download

O que HTML 5?
Tw eet 22 Curtir 134 24

Gosta de acompanhar os rumos das linguagens de programao? Ento no fique de for HTML 5!
18 114.839 visualizaes

Por Lusa Barwinski em 16 de Junho de 2009

Voc depende dele, mas no o v a olho nu. O cdigo HTML est presente nas pginas da web h mais de dez anos e tem uma larga aceitao dos usurios por todo o mundo. Com certeza, qualquer pessoa que tem uma ligao um pouco mais estreita com computadores e internet j ouviu falar em HyperText Markup Language (Linguagem de marcao de hipertexto), ou seja, o HTML. A principal caracterstica desse tipo de programao so as tags as marcaes para insero de algum tipo de objeto ou caracterstica de um objeto atravs de comandos em ingls e nmeros. As linhas a seguir exemplificam, de maneira quase grosseira, o que seria o cdigo HTML de uma simples pgina da web sem quaisquer recursos avanados:

mais

shop

OFER
www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm 1/9

13/09/13

O que HTML 5?

Sabendo disso, podemos partir para a nova verso dessa linguagem de marcao de hipertextos. J na sua quinta forma, o cdigo HTML agora pode ser aproveitado para novas funes que podem beneficiar os desenvolvedores e os internautas. Isso acontece graas ao desenvolvimento quase paralelo da linguagem HTML e o XML. De maneira geral, o cdigo XML uma linguagem de marcao, assim como a outra j citada, que tem como objetivo principal criar documentos com dados hierarquicamente organizados.

Com essa aproximao das linguagens, muita coisa pode mudar dentro de pouco tempo. Ao que tudo indica, a to sonhada Web Semntica de Tim Berners-Lee est no caminho de acontecer e
www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm 2/9

13/09/13

O que HTML 5?

o HTML 5 pode ajudar bastante a chegar l. Como pode observar, o sistema de diviso de marcaes todo feito por tags. Nessa nova linguagem, algumas dessas etiquetas de marcao mais objetivas. De modo geral, com essas e as outras novidades, ser muito mais fcil navegar pela Internet!

assu

Tags Canvas

Especializadas em renderizar imagens em bitmap, as tags canvas sero especficas para a edio breve de imagens atravs de APIs ou JavaScript. Esse tipo de edio acontece pura e exclusivamente de maneira muito similar a outros geradores de imagem em duas dimenses (2D). Alm disso, as Canvas Tags so compatveis com as folhas CSS.

Tags de vdeo Incluir vdeos em HTML como conhecemos hoje, utilizando cdigos para o embed, ou seja, incorporar vdeos pgina ser muito mais simples. O HTML 5 possui tags especficas para a insero de vdeos no corpo da pgina. Basta inserir a tag de vdeo assim como se faz com aquela destinada s imagens. Assim, ser necessrio indicar uma src, ou seja, source (fonte) que nada mais do que a origem do vdeo. A insero de imagens em HTML funciona com a seguinte linha:

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

3/9

13/09/13

O que HTML 5?

Para os vdeos a situao ser muito semelhante ao que feitos hoje com as imagens. Assim como a edio rpida de atributos tais como height (altura) e width (largura) tambm podero ser feita diretamente no cdigo e totalmente personalizados pelo desenvolvedor da pgina ou do usurio que desejar criar algo completamente novo e aprender novas tcnicas. Geolocalizao Saber onde voc est no uma informao importante s para os seus pais, namorados ou namoradas. O HTML 5 tambm possui maneiras de descobrir a sua localizao e inform-la aos sites e servios que voc acessa. Os APIs sero o ponto forte para determinar a localizao de um usurio. Por isso, este recurso de geolocalizao permite o que se chama de geottaging. Atravs disso, pode-se fornecer ao usurio contedos especficos para o local em que ele est. muito til para aplicativos de smartphones, uma vez que este recurso envia e recebe informaes a respeito de onde o indivduo est. Caching de aplicaes Agora, com o HTML 5 os aplicativos web podero ser acessados offline via cache. De acordo com a publicao provisria da W3C, o arquivamento desses aplicativos ser feito via URL em que cada uma delas possui uma categoria diferente. As entradas mestre so aqueles documentos que foram adicionados ao cache por um contexto de navegao indicado por um atributo de manifesto. J o manifesto a fonte da URL indicada na Entrada mestre do HTML. Esses arquivamentos ainda podem ser agrupados ou no. Base de dados Apesar de no ser um recurso muito utilizado por usurios no desenvolvedores, os bancos de dados so importantes para os sites. No HTML 5, algumas vantagens sero implementadas como a possibilidade de entradas de valores ou palavras chave, alm do banco de dados SQL.

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

4/9

13/09/13

O que HTML 5?

E o que muda para o usurio? Se voc possui um perfil um pouco mais ligado s novidades tecnolgicas, sentir boas diferenas ao navegar pela Internet. Isso porque o HTML 5 ir facilitar muito a vida de todos ns quer sejamos desenvolvedores ou apenas usurios. Para os desenvolvedores, fica mais rpido produzir sites cada vez mais fceis e limpos para que os usurios possam aproveitar ao mximo cada uma dessas melhorias.

Voc ir notar que colocar vdeos do YouTube no seu site ou blog ficar cada vez mais simples, assim como os contedos especficos direcionados para voc que est procurando por uma padaria ou locadora de filmes pelo navegador do seu smartphone. Os contedos possuem a tendncia de serem convergentes, assim como a linguagem de programao. O HTML 5 vem exatamente para facilitar esse processo!

J est preparado para as mudanas? Voc j tem algum conhecimento sobre linguagens de programao? Acesse a documentao oficial no site do W3C clicando aqui! Agora imagine que voc o responsvel por desenvolver uma nova linguagem de programao. Quais recursos implementaria?

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

5/9

13/09/13

O que HTML 5?

Viu algum erro ou gostaria de adicionar uma sugesto para atualizarmos esta matria? Colabore com o autor clicando aqui!

Recomendamos para voc

Dispositivo consegue fazer imagens de objeto se movendo em Homem de Ferro encontra o BOPE no primeiro trailer de

Diablico: empresa quer colocar terabytes de memria flash Entenda melhor o funcionamento dos smartwatches
P atroc inado

(Watch Time Brazil)

Recomendado por

Saiba mais
O que WYSIWYG?

O que XML?

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

6/9

13/09/13

O que HTML 5?

A evoluo do iPhone: confira o salto das geraes mais recentes

Jacars tm ereo permanente escondida dentro das prprias cloacas

R2-D2 faz participao especial em Star Trek: Alm da Escurido

Caixa fechada de cereal do Super Mario dos anos 90 vai a leilo na internet

Comentrios (18)
18 comentrios Comentar...

Publicar no Facebook Daniel Paixo Seguir

Publicando como Omero Abreu (No voc?) Quem mais comentou Cacoal

Comentar

O grande problema da linguagem HTML5, assim como as verses anteriores, o fato de ser esttica. Corrijamme se eu estiver enganado. Por exemplo, quando eu crio um site em php, asp ou asp.net, uso banco de dados conectado ao layout principal e a insero de notcias, videos e fotos algo muito mais rpido. Usar html deve ser algo bastante trabalho. Imagine voc ter de desenvolver um site de notcias e ter de postar as chamadas das notcias e depois ter todo o trabalho de fazer as pginas internas, uma a uma, e fazer a hiperligao de cada uma delas, ao modo antigo, como fazamos ao usar o Frontpage, por exemplo. Claro que para um site bsico, apenas para postar dados de uma empresa, telefone, contato e fachada do prdio, pode ser divertido. Mas ter um site de notcias ou ecommerce com html5 deve ser algo impraticvel. Responder Curtir Seguir publicao 17 de agosto s 22:10 Ludwig Web Desenvolvimento de Sites empresa Ludwig Web Computer Seguir Quem mais comentou Trabalha na

porem se vc nao utilizar o html nao adinta nada a dinamica do php por exemplo por isso cada coisa tem sua importancia o html q estilizao da pagina e o php q da a dinamica necessaria. Responder Curtir 6 de setembro s 09:22 Marcos Loureno Desenvolvedor Web na empresa Agncia 1702 Ludwig Web Desenvolvimento de Sites Corrigindo Ludwing, HTML a marcao da pgina. A estilizao feita pelo CSS. Responder Curtir 11 de setembro s 16:53
www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm 7/9

13/09/13

O que HTML 5?

Luiz Junior

Quem mais comentou Trabalha na empresa Grupo Galeazi

Espero que seja o Fim Do Flash , Ser um grande avano !! Responder Curtir Seguir publicao 12 de agosto s 18:15 Rodrigo Vertulo Quem mais comentou

Para quem quiser se aprofundar no desenvolvimento de games com HTML5 disponibilizei uma srie de tutoriais em http://www.wacawaca.com.br/ Espero que seja til. Responder 3 Curtir Seguir publicao 5 de dezembro de 2012 s 07:50 Quem mais comentou

Lzaro Villela Responder

html no linguagem de programao. 6 Curtir Seguir publicao 23 de setembro de 2012 s 00:40 Vinnicius Mello Responder Seguir Harvard University

Pode-se chamar de "programao para internet", rapaz. 2 Curtir 4 de maio s 14:50 Seguir Quem mais comentou Trabalha na

Ludwig Web Desenvolvimento de Sites empresa Ludwig Web Computer Responder Curtir 6 de setembro s 09:23 Danilo Ramos Responder Seguir

Vinnicius Mello nao pode nao estrutura de pagina nao linguagem de programao.

Quem mais comentou Professor de design na empresa Microlins

Eu no curto o Adobe Flash ! O HTML5 vai ser um timo substituto pra isso ! 1 Curtir Seguir publicao 1 de dezembro de 2012 s 12:19 Quem mais comentou Completo

Eduardo Borges de Souza

Odeio o Flash Player, ser um marco na histria o dia em que abandonarem este desutilitario Responder Curtir Seguir publicao 20 de novembro de 2012 s 22:14 Graziele Cristina Seguir Trabalha na empresa Nestl Brasil Ltda - Sede Social

Quando ser possvel instalar no Nokia Lumia 710? Responder Curtir Seguir publicao 12 de novembro de 2012 s 20:41 Samuel Dos Santos Responder Gabriel Martins Responder Quem mais comentou

No mesmo dia em que o Android rodar no Iphone. 1 Curtir 11 de maro s 21:26 Quem mais comentou Dono e administrador na empresa HelP aki

Seguir

Tudo muito bom, mas cad a porra do link? TecMundo sempre deixando um furo kkkkkkk' 1 Curtir Seguir publicao 20 de setembro de 2012 s 04:56

Antonio Latas FUZILEIRO E CONDUTOR na empresa Armada Portuguesa EU S QUERO INSTALAR O ADOBE FLASH PLAYER. Responder Curtir Seguir publicao 10 de setembro de 2012 s 09:16 Wellerson Aron 2 grau completo Valeu pelo ajuda Responder Curtir Seguir publicao 6 de setembro de 2012 s 20:05 Ver mais 3

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

8/9

13/09/13

O que HTML 5?

TESTE DE VELOCIDADE DE CONEXO

TWITTER

RSS

ENVIE UMA SUGESTO

JOGOS

PRIVACIDADE

SOBRE NS

Conhea nossos sites:

Copyright 2000-2012 NZN - No Zebra Network

(0.062 segundos)

www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm

9/9