Fórum Tecnoblog » Internet e WebApps » "Atualizar" o HTML para o 5
@brunogdb 347

Eu não sou o sabe tudo de HTML, sou um aprendiz ainda. Mas, eu queria saber, como eu faria para sair do 4 e ir para o 5. Eu sempre fiquei curioso com isso ^^.

Eu ainda não entendi a diferença do HTML 4 para o 5
Esse meu site aqui( http://www.superthost.com/ ) e em HTML 5,mais parece igual ao 4
Não vi diferença alguma.

@brunogdb 347

A diferença dele é a animação no lugar do flash. Mas, como eu converto?

Thiago Mobilon 1264
Admin

@brunogdb: Também não sou expert no assunto, mas não é assim que funciona a coisa. O HTML 5 nada mais é do que uma evolução do HTML atual. Novas funcionalidades foram desenvolvidas abrindo espaço para os developers implementarem recursos mais sofisticados.

Por exemplo o embed de vídeos sem a necessidade de utilizar flash.

A atualização se faz necessária nos motores que interpretam esse código, no caso os browsers. Se o browser já suporta as novas tags do HTML 5 (que agora será chamado apenas de HTML), então o developer já pode mandar bala.

Novamente, não é uma linguagem inteiramente nova, é apenas uma evolução com novos recursos, assim como o CSS3.

Mais info aqui: http://pt.wikipedia.org/wiki/HTML5

Antigamente, o Flash servia para executar uma série de comandos que o HTML 4 não conseguia entender.

Por exemplo, vamos supor que o criador de um site gostaria que sua logo, lá no topo do site, se movimentasse na medida que o usuário passasse o mouse. Para um site baseado somente em HTML 4, isso é impossível de ser criado. Daí veio o Flash, com ele era possível, por exemplo, construir esse tipo de aplicação.

Hoje, o HTML 5 simplesmente é um HTML 4 com o Flash "imbutido". O Safari, Chrome, IE9, Firefox, Opera e muitos outros navegadores já suportam o HTML5.

A parte das animações é só a ponta do iceberg. :p

@brunogdb: O primeiro passo, na minha opinião, é começar convertendo tags básicas. O HTML5 introduz novas, como <header>, <article>, <nav> e por aí vai, que auxiliam o navegador a "ler" o seu site corretamente... então em vez de ter um código assim:

<div id="header" class="novoheader">

<h1>Meu site</h1>

<div class="menu">Sobre Contato Etc</div>

</div>

Você pode atualizar para isso:


<header>

<h1>Meu Site</h1>

<nav>Sobre Contato Etc</nav>

</header>

Isso, claro, implica em mudanças (simplificação) no CSS, e abre uma boa margem de aproveitamento das tags, já que id e class ficam livres.

Esse tipo de "atualização" é praticamente invisível aos olhos de todos, exceto do developer. Mas você pode ir se aprofundando no assunto e se utilizando de todas as APIs que o HTML5 oferece e - aí sim - fazendo maior diferença: capacidade de armazenamento de dados, visualização offline, e por aí vai.

O HTML 5 é também um pouco mais interativo. Tem um site, mas não me lembro qual que é desenvolvido totalmente em HTML5, o usuário, pode arrastar elementos, mecher nas teclas pra cima e pra baixo e ter novas coisas aparecendo no site, é bem legal.

Cris Santos 1

Olá pessoal,
Creio que quando se fala em HTML5 refere-se ao pacote HTML5+CSS3+Javascript, já que o Javascript também vao atuar nos novos elementos do html, como o canvas e o video, já citados por outros leitores.
Abraços,
Cris.

Gostaria apenas de lembrar que o HTML5 é um padrão em desenvolvimento e seu uso deve ser feito de forma moderada e em sistemas específicos.

Utilizar em todo lugar vai ocasionar muitas dores de cabeça a você, pois o padrão como disse está em desenvolvimento ainda e mudanças são feitas constantemente e que poderiam fazer um site parar de funcionar no futuro, ou funcionar de forma diferente da esperada.

Theus 45

É, como o Rafael acima citou, o primeiro passo pra "conversão" é retirando a referência do doctype ao HTML 4.01.

Aconselho a lerem o DOC oficial de mudanças... http://www.w3.org/TR/html5-diff/

Se responderem o que disseram acima em uma entrevista de emprego (alguns fizeram boas afirmações, mas outros...), quando o gerente ou coordenador técnico perguntar o que vc entende sobre HTML5, vai receber um: "Ótimo! Muito bom, entraremos em contato..." e nunca mais vão ligar pra vc. =)

HTML5 é muita coisa, mas podemos definir pelo que ele não é:

Ele não é um novo flash.
Ele não é "videozinhos de internet".
Ele não é framework pra jogos.
Ele não é só canvas.
E, principalmente, ele não é "mudei meu Doctype".

=)

@Emmanuel: hehe, mas o post original não pergunta bem isso... seria meio chato dar uma super aula de HTML5 sendo que a pergunta do Bruno enfoca o lado mais prático/imediato dela. :)

Marcel Müller: concordo, mas visto que o post original já tinha sido respondido de uma boa maneira pelo Mobilão, por você e por outros, postei isso achando que poderia abrir os olhos de outros que comentaram que o HTML5 não passa de um Flash embutido. #Facepalm

Resposta

Você deve fazer login para publicar.