10 diferenças entre HTML4 e HTML5
Autor: Rodrigo Zan | Publicado: 2011-09-14T04:38:00-07:00


Este artigo de Georgieva Tsveti ressalta algumas diferenças entre HTML4 e HTML5, importante fonte de estudo para desenvolvedores que trabalham ou querem trabalhar com HTML5. O artigo original você encontra no developerdrive.com, em inglês.

HTML5 é a nova versão do padrão 
HTML e mais cedo ou mais tarde todos os desenvolvedores web vão 
encontrar-se trabalhar com este novo padrão e muitos de nós pode achar 
que é mais fácil construir um site a partir do zero do que para migrar o
 código da HTML4 para HTML5 por causa de todos as diferenças entre as 
duas versões.

Na verdade, não é uma grande reformulação HTML5 de HTML4 existem muitas semelhanças entre os dois.

No entanto, existem também algumas diferenças essenciais que você precisa estar ciente. Aqui estão algumas (mas não todos, porque lista todos eles não será possível) dessas grandes diferenças entre HTML4 e HTML5:



1. HTML5 ainda é um trabalho em andamento
A primeira diferença é bastante óbvio, mas uma vez que é muito importante, precisamos começar por aí. Você
 poderia estar lendo em todos os lugares sobre como HTML5 é legal, mas 
isso não muda o fato de que HTML5 é um trabalho em andamento. HTML4 pode ser superior a 10 anos de idade, mas é um padrão acabado que não vai mudar.

Pelo contrário, HTML5 ainda está em seus estágios iniciais e muitas mudanças podem ser esperadas. Você
 deve levar isso em conta, porque quando você projeta sites de novos 
elementos e atributos são adicionados / modificados várias vezes por 
ano, muito em breve você poderá encontrar-se gastar mais tempo 
atualizando o site para refletir as novas mudanças que você gostaria. É por isso que, por enquanto, é mais seguro usar HTML4 para a produção e HTML5 apenas experimentalmente por agora.



2. Sintaxe simplificada
A declaração doctype mais simples é apenas uma das muitas novidades em HTML5. Agora você precisa escrever somente: e isto é o &lt;doctype html&gt;. A sintaxe do HTML5 é compatível com HTML4 e XHTML1, mas não com SGML.



3. Um elemento &lt;canvas&gt; New Em vez do Flash
Flash tem sido tanto uma frustração e um deleite para os 
usuários da Web, então não haverá muitos desenvolvedores que não estão 
satisfeitos com a forma como HTML5 trata Flash. Mas para 
todo mundo que é simplesmente farto de vídeos em Flash inchado que ter 
idade para carregar e executar, o elemento &lt;canvas&gt; novo para 
renderização de gráficos é um sonho tornado realidade.

Por enquanto o elemento &lt;canvas&gt; não oferece todas 
as regalias do Flash, mas a suposição é que, mais cedo ou mais tarde ele
 vai fazer o Flash obsoleto na web. Vamos viver e vamos ver se isso vai acontecer, porque muitos profissionais são céticos sobre isso.



4. &lt;header&gt; Novo e Elementos &lt;rodapé&gt;
HTML5 se destina a refletir melhor a anatomia novo de sites web. É
 por isso que existem alguns elementos novos, como &lt;header&gt; e 
&lt;rodapé&gt;, que são projetados especificamente para marcar essas 
partes do site.

Este desenvolvimento na linguagem torna desnecessário para identificar estes dois elementos com a tag &lt;div&gt;.



5. Nova &lt;section&gt; e Elementos &lt;article&gt;
Da mesma forma que os elementos &lt;header&gt; e 
&lt;rodapé&gt;, o &lt;section&gt; novas e elementos &lt;article&gt; 
introduzido em HTML5 permitem que os desenvolvedores para marcar essas 
áreas da página como tal.

Presumivelmente, além de tornar o código mais 
estruturado, este também terá um efeito positivo sobre seus esforços de 
SEO para os motores de busca terá um tempo mais fácil ranking de suas 
páginas.



6. &lt;menu&gt; Novo e Elementos &lt;figure&gt;
O elemento novo &lt;menu&gt; pode ser usado para menus 
convencionais, mas também para barras de ferramentas e menus de 
contexto, embora na verdade estes não são os itens mais utilizados em 
uma página.
Da mesma forma, o elemento &lt;figure&gt; nova é mais uma
 forma de organizar o texto e imagens em uma página de uma forma 
profissional. É verdade que você pode definir os dois menus
 e figuras em uma folha de estilo, mas ainda é bom que você pode usar o 
no-build elementos HTML5.



7. Nova &lt;audio&gt; e Elementos &lt;video&gt;
O &lt;audio&gt; novas e elementos &lt;video&gt; são provavelmente dois dos acréscimos mais úteis novo HTML5. Como o nome indica, são utilizados para a incorporação de arquivos de áudio e vídeo.
Há também alguns novos elementos multimídia e atributos, 
como &lt;track&gt;, que fornece pistas de texto para o elemento de 
vídeo. Com estas adições HTML5 está definitivamente ficando mais e mais Web 2.0-friendly. O problema é que até o HTML5 tempo torna-se amplamente aceito, a Web 2.0 pode ser notícia velha.



8. Um nível novo inteiro para Formulários
O &lt;form&gt; e elementos &lt;forminput&gt; viu uma 
grande quantidade de revisão e agora eles têm muitos atributos novos (e 
os modificados, também). Se você é freqüentemente usando formas tomar o tempo para rever as novidades com mais detalhes.



9. No More &lt;b&gt; e &lt;font&gt;
Bem, esta é mais uma mudança que eu pessoalmente não entendo (ainda). Eu não acho que a remoção do &lt;b&gt; e elementos &lt;font&gt; vai ajudar muito. Eu
 sei que as diretrizes oficiais dizem que estes elementos são melhor 
tratados em CSS, mas ainda de vez em quando você precisa usá-los no 
texto e definir um estilo separado apenas por uma ou duas ocorrências é 
uma espécie de desajeitado, mas provavelmente vamos acostumar a ele.



10 &lt;frame&gt; No More, &lt;center&gt;, &lt;big&gt;
Na verdade, eu não consigo me lembrar quando a última vez
 que usei esses elementos foi assim que eu não vou chorar por eles, com 
certeza. Ainda assim, eles se foram para sempre, juntamente
 com alguns outros elementos - isso não é ruim, porque cada tag inúteis 
que é expulsa da especificação é bem-vinda.

Estes 10 diferenças entre HTML4 e HTML5 são apenas uma pequena fração do que há de novo na especificação. Além
 dessas grandes mudanças, eu também poderia citar uns poucos menores, 
tais como o novo atributo do elemento revertida &lt;ol&gt; que permite 
que uma lista a ser classificada em ordem decrescente, ou o uso do 
elemento modificado &lt;u&gt; .
No entanto, todas essas pequenas alterações são numerosos demais para ser descrita aqui. Mudanças
 são adicionados novos com bastante freqüência isso, se você quiser 
manter o seu conhecimento atual, você precisa verificar a diferença entre HTML4 e HTML5 página com bastante freqüência. Se
 você está impaciente e quer usar os novos elementos e atributos em seu 
trabalho, a minha recomendação é fazê-lo apenas a título experimental, 
porque como eu já expliquei, os elementos e seus atributos são obrigados
 a mudar um pouco no futuro, se não estiver constantemente modificando 
seu código para segui-los poderia se tornar desatualizados.

Mesmo que a maioria das novas versões de 
navegadores populares HTML5 apoio, eles não suportam todos os (alterado 
ou modificado) novos elementos e / ou atributos apenas ainda assim você 
está correndo o risco de que suas páginas podem ter uma aparência 
inconsistente em toda a sua telas dos usuários, que é tudo, mas 
profissional. Basta ter paciência e esperar até o momento em que HTML5 está pronto para o horário nobre uso. Por enquanto não é.