7/26/2019 Principais Caractersticas Do XTHML e Do HTML5, e Quais So Os Pontos Fortes Do HTML5 Comparado Ao XTML

1/4

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 ePara 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 comoas 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 cercade 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, baixandomsicas 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 (oucelular, tablet, smartphone etc).Deve estar ouvindo msica ou vendo um show no Youtube, talvez tenha pausado seu seriado favoritopara estudar HTML5, deve estar conversando com vrias pessoas em alguma rede social ou em um chatcom 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 giraem torno de belas imagens, alta resoluo de vdeos, jogos online que no rodavam nem nos melhorescomputadores de 10 anos atrs, msica, interao em redes sociais, celulares e outros mobile emcrescente 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 fazercom 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 ferramentase linguagens de programao.

Com poucos, e simples cdigos, o HTML5 nos proporciona efeitos muito teis, de uma maneira bemlgica e fcil de aprender.

7/26/2019 Principais Caractersticas Do XTHML e Do HTML5, e Quais So Os Pontos Fortes Do HTML5 Comparado Ao XTML

2/4

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

HTML5- Mult imdiaColocar uma msica de fundo ou um vdeo dentro de uma pgina usando o antigo HTML era umverdadeiro suplcio.

Tnhamos que ter cuidado com os browsers, dispositivos usados pelo usurio e at mesmo checar sealguns plugins estavam instalados, como o Flash.

Vamos ver que, com apenas algumas linhas de cdigo HTML5, podemos inserir um vdeo ou somfacilmente em qualquer site.

HTML5- Multi-plataforma e DispositivoQuando 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 pelaweb 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 queas 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 maneirapossvel, no importa o dispositivo que estejam acessado, navegador ou sistema operacional. Ele feitociente dessas variedades.

HTML5- Programao Grfica e de JogosUm dos aspectos que mais vm chamando a ateno de profissionais e iniciantes no mundo dacomputao, a facilidade na qual o HTML5 permite a criao de aplicaes grficas, e at mesmo dejogos.

Em pocas passadas, precisaramos criar aplicativos em PHP e JavaScript, mesmo para as coisas maissimples, 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 renderizaraplicaes grficas, sendo a ferramenta mais comum para tais efeitos oCanvas.

Podemos ainda usar o XML de uma maneira bem fcil, atravs doSVGe criar grficos estticos edinmicos, de uma maneira bem mais simples que antes, e com resultados muito interessantes.

HTML5- Simples, Direto e RobustoSe 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, otipo de documento (doctype),onde no antigo HTML

https://pt.wikipedia.org/wiki/Canvas_(HTML5)https://pt.wikipedia.org/wiki/Canvas_(HTML5)https://pt.wikipedia.org/wiki/Canvas_(HTML5)https://pt.wikipedia.org/wiki/SVGhttps://pt.wikipedia.org/wiki/SVGhttps://pt.wikipedia.org/wiki/SVGhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttp://htmlprogressivo.blogspot.com.br/2013/04/Especificacoes-em-HTML-e-Document-Types-DOCTYPE.htmlhttps://pt.wikipedia.org/wiki/SVGhttps://pt.wikipedia.org/wiki/Canvas_(HTML5)

7/26/2019 Principais Caractersticas Do XTHML e Do HTML5, e Quais So Os Pontos Fortes Do HTML5 Comparado Ao XTML

3/4

usvamos (que frequentemente mudava):

E agora vamos usar somente:

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 noCSS,lembra como passvamos o endereo da folha estilos? Assim:

Agora fazemos simplesmente:

E ameta tag charset,que usvamos para escrever smbolos e caracteres especiais, como os deacentuao da lngua portuguesa? Fazamos:

E agora fazer (pasmem), simplesmente:

Sabe quando escrevia uma tag errado, usava o valor de maneira errada ou esquecia alguma aspa e todoseu site ficava feio e desconfigurado?Pois bem, o HTML5 est sendo feito de modo a ficar mais robusto, mais forte contra erros decodificao.

HTML5- Padronizao e AcolhimentoUma outra importante misso do HTML5 a padronizao.

Como citamos no item passado, o HTML passou por mudanas drsticas no decorrer de seu uso edesenvolvimento.

Foi criado, inclusive, o XHTML na tentativa de organizar e padronizar mais o HTML, usando conceitos eideias do XML. Mas no fim das contas, acabou por bagunar mais um pouco o j to movimentado meiode 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 deHTML5), 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 nofuturo.

http://www.htmlprogressivo.net/p/curso-de-css-cs-cascading-style-sheets.htmlhttp://www.htmlprogressivo.net/p/curso-de-css-cs-cascading-style-sheets.htmlhttp://www.htmlprogressivo.net/p/curso-de-css-cs-cascading-style-sheets.htmlhttp://www.htmlprogressivo.net/2013/10/charset-meta-tag-caracteres-especiais.htmlhttp://www.htmlprogressivo.net/2013/10/charset-meta-tag-caracteres-especiais.htmlhttp://www.htmlprogressivo.net/2013/10/charset-meta-tag-caracteres-especiais.htmlhttp://www.htmlprogressivo.net/2013/10/charset-meta-tag-caracteres-especiais.htmlhttp://www.htmlprogressivo.net/p/curso-de-css-cs-cascading-style-sheets.html

7/26/2019 Principais Caractersticas Do XTHML e Do HTML5, e Quais So Os Pontos Fortes Do HTML5 Comparado Ao XTML

4/4

E em vez de dividir entre HTML, XHTML, XML e diferentes verses de HTML, aconselhvel queusemos s o HTML5, para ser uma linguagem padro, para evitar de termos que estudar tags eferramentas 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 estapoderosa 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