Principais Caractersticas do XTHML e do HTML5, e quais

so os pontos fortes do HTML5 comparado ao XTML

Diferenas entre HTML E HTML5 - Por que e

Para que foi criado ?
H quanto tempo voc acessa a internet? 5 anos? 6 anos?
Se acessa h, digamos, 10 anos ou mais, certamente o que falaremos aqui ser nostlgico, e ver como
as coisas evoluram.
Na dcada de 90, usar imagem em um site era um luxo.
Na poca, as pouqussimas pe$$oa$ que tinham dinheiro para obter um computador, usava a internet
atravs da linha telefnica, cuja velocidade era de 56kbps (compare com a sua hoje, onde 1MB cerca
de mil KB).
Ao entrar em sites com imagens, era necessrio esperar alguns minutos para elas aparecerem.
Baixar algumas mp3? Sim, era possvel. Bastava deixar seu computador ligado de madrugada, baixando
msicas pelo Napster.
Vdeos? Eram raros, bem raros e geralmente duravam alguns segundos.
O mximo de interao que tnhamos eram atravs de frums e do IRC (um bate papo no modo texto,
onde usvamos um terminal de comandos para entrar nas salas, excluir pessoas, e tudo mais).
Nessa poca o antigo HTML reinava, o JavaScript e PHP eram pouco usados, e o CSS nem existia.
Agora d uma olhadinha nas abas de seu navegador e nos programas abertos em seu computador (ou
celular, tablet, smartphone etc).
Deve estar ouvindo msica ou vendo um show no Youtube, talvez tenha pausado seu seriado favorito
para estudar HTML5, deve estar conversando com vrias pessoas em alguma rede social ou em um chat
com vdeo, alm de estar navegando em algum site de notcias.
Notou a diferena? Hoje em dia a velocidade da internet mudou e as mquinas melhoraram, tudo gira
em torno de belas imagens, alta resoluo de vdeos, jogos online que no rodavam nem nos melhores
computadores de 10 anos atrs, msica, interao em redes sociais, celulares e outros mobile em
crescente de uso, etc etc.
Resumindo: a internet mudou drasticamente, e o desenvolvimento web que deu suporte para tudo isso.
Assim, fcil entender porque o antigo HTML teve de mudar, alm do surgimento de novas ferramentas,
linguagens e aplicativos para desenvolvimento web.
Mas vamos com calma, com o tempo aprenderemos tudo sobre programao web.
Por hora, vamos nos focar no HTML5, saber o que , para que serve, onde usado e o que vamos fazer
com ele em nosso curso.

HTML5 - O que mudou? O que ele faz?

De uma maneira bem simples e direta: o HTML5 faz o que antes s era possvel com outras ferramentas
e linguagens de programao.
Com poucos, e simples cdigos, o HTML5 nos proporciona efeitos muito teis, de uma maneira bem
lgica e fcil de aprender.

Vamos entrar mais em detalhes sobre algumas caractersticas marcantes do HTML5, que iremos estudar
em nossos tutoriais no decorrer desta seo de nossa apostila.

HTML5 - Multimdia
Colocar uma msica de fundo ou um vdeo dentro de uma pgina usando o antigo HTML era um
verdadeiro suplcio.
Tnhamos que ter cuidado com os browsers, dispositivos usados pelo usurio e at mesmo checar se
alguns plugins estavam instalados, como o Flash.
Vamos ver que, com apenas algumas linhas de cdigo HTML5, podemos inserir um vdeo ou som
facilmente em qualquer site.

HTML5 - Multi-plataforma e Dispositivo

Quando o HTML antigo surgiu e reinou, internet eram para computadores normais.
E por normais falamos de um enorme monitor de tubo, um gabinete com a CPU, estabilizador, mouse e
caixas de som plantados numa mesa (geralmente cara).
Hoje no assim. Hoje usamos celular para acessar as redes sociais, um aplicativo para navegar pela
web e ler e-mail, e at mesmo ver vdeos no Youtube.
Enviamos links atravs de chats e programas de troca de sms, fotos e at fazemos reunies online
(hangouts).
Isso tudo no existia antes, ento o coitado do antigo HTML no podia fazer muita coisa.
Mas o HTML5 ciente disso, foi e continua a ser desenvolvido por programadores que esto cientes que
as pessoas usam diversos dispositivos, aplicativos e sistemas operacionais.
Ento o HTML5 j vem preparado para toda essa evoluo.
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.

HTML5 - Programao Grfica e de Jogos

Um dos aspectos que mais vm chamando a ateno de profissionais e iniciantes no mundo da
computao, a facilidade na qual o HTML5 permite a criao de aplicaes grficas, e at mesmo de
jogos.
Em pocas passadas, precisaramos criar aplicativos em PHP e JavaScript, mesmo para as coisas mais
simples, ou usar torcer para o usurio ter instalado o Flash no browser e criar aplicaes l.
Porm, isso coisa do passado, pois o HTML5 permite facilmente a criao de reas para renderizar
aplicaes grficas, sendo a ferramenta mais comum para tais efeitos o Canvas.
Podemos ainda usar o XML de uma maneira bem fcil, atravs do SVG e criar grficos estticos e
dinmicos, de uma maneira bem mais simples que antes, e com resultados muito interessantes.

HTML5 - Simples, Direto e Robusto

Se leu nossos tutoriais inicias sobre HTML, viu que falamos do HTML 4.01, XML, XHTML etc.
Ou seja, h muitas, muitas mudanas, diferenas e incompatibilidade.
Pois bem, o HTML5 veio para dar um basta nisso.
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.
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">
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.

HTML5 - Padronizao e Acolhimento

Uma outra importante misso do HTML5 a padronizao.
Como citamos no item passado, o HTML passou por mudanas drsticas no decorrer de seu uso e
desenvolvimento.
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.
Algumas coisas antigas no devem mais ser utilizadas (iremos falar sobre elas no decorrer do Curso de
HTML5), mas no sero abandonadas pelo browser, s iro desencorajar seu uso.
Usou HTML 4.01 e quer usar alguns conceitos de XHTML?
Ok, o HTML5 ir acolher, entender e interpretar corretamente seu cdigo. Mas evite de fazer isso no
futuro.

E em vez de dividir entre HTML, XHTML, XML e diferentes verses de HTML, aconselhvel que
usemos s o HTML5, para ser uma linguagem padro, para evitar de termos que estudar tags e
ferramentas diferentes.
Interessante, esse HTML5, no?
E estamos s conversando, demos apenas uma palhinha do que mudou e simplificou.
Ao longo de toda essa seo de tutoriais de HTML5, vamos aprender a criar coisas fantsticas com esta
poderosa ferramenta, inclusive jogos e animaes grficas de uma maneira bem bacana.

Fonte: Site: http://www.htmlprogressivo.net/2014/02/HTML-HTML5-Qual-a-Diferenca-O-que-muda.html