Sei sulla pagina 1di 10

Introduo Linguagens e Sistema - HTML 5

Leticia Toledo Maia Zoby

Roteiro
Por que e Para que foi criado?
O que mudou? O que ele faz?
Multiplataforma e Dispositivo
Programao Grfica e de Jogos
Simples, Direto e Robusto

Padronizao e Acolhimento

Introduo HTML 5
Por que e Para que foi criado?

H quanto tempo voc acessa a internet?


6 anos? 10 anos?
Dcada de 90

Introduo HTML 5
O que mudou? O que ele faz?

O HTML5 faz o que antes s era possvel com


outras ferramentas e linguagens de programao.
HTML 5 Multimdia
Verso anterior, grande sofrimento colocar uma
msica de fundo ou um vdeo dentro de uma pgina
Tnhamos que ter cuidado com os browsers,
dispositivos usados pelo usurio e at mesmo
checar se alguns plugins estavam instalados, como
o Flash.
4

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Multiplataforma e Dispositivo


Surgimento do HTML - internet eram para
computadores normais.
Hoje usamos celulares para redes socias....
Isso tudo no existia e o antigo HTML no podia fazer
muita coisa. J o HTML5 j vem preparado.
Criar um site em HTML5 ter a certeza que ele est
atualizado e vai se comportar da melhor maneira
possvel, no importa o dispositivo que estejam
acessado, navegador ou sistema operacional. Ele
feito ciente dessas variedades.

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Programao Grfica e de Jogos


Facilidade na qual o HTML5 permite a criao de
aplicaes grficas, e at mesmo de jogos.

pocas passadas: torcia para o usurio ter instalado o


Flash no browser e criar aplicaes l

Uso do XML de maneira fcil


estticos e dinmicos

e criar grficos

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Simples, Direto e Robusto


Um exemplo de simplicidade do HTML5, o tipo de documento
(doctype), onde no antigo HTML usvamos (que frequentemente mudava):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML


4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
E agora vamos usar somente:
<!DOCTYPE html>
E quando o HTML5 mudar, no vamos mudar esse doctype, j foi decidido
que esse vai ser permanente. Ou seja, uma coisa a menos para se
preocupar.
7

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Simples, Direto e Robusto


E no CSS, lembra como passvamos o endereo da folha
estilos? Assim:

<link type="text/css" rel="stylesheet" href="estilo.css">


Agora fazemos simplesmente:
<link rel="stylesheet" href="estilo.css">

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Simples, Direto e Robusto


E a meta tag charset, que usvamos para escrever smbolos e
caracteres especiais, como os de acentuao da lngua portuguesa?
Fazamos:
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
E agora fazer (pasmem), simplesmente:
<meta charset="utf-8">
Sabe quando escrevia uma tag errado, usava o valor de maneira errada
ou esquecia alguma aspa e todo seu site ficava feio e desconfigurado?
Pois bem, o HTML5 est sendo feito de modo a ficar mais robusto, mais
forte contra erros de codificao.
9

Introduo HTML 5
O que mudou? O que ele faz?

HTML 5 Padronizao e Acolhimento

Foi criado, inclusive, o XHTML na tentativa de


organizar e padronizar mais o HTML, usando conceitos
e ideias do XML. Mas no fim das contas, acabou por
bagunar mais um pouco o j to movimentado meio
de criao de sites.

O HTML5 vai tentar parar com essas bagunas e


mudanas no modo de codificar e interpretar cdigos.
Sabe os cdigos antigos, at da dcada de 90?
O HTML5 vai entender e mostrar eles, at mesmo
coisas que esto em desuso, como frames.
10

Potrebbero piacerti anche