Archive for 'HTML 5'

Este artigo foi retirado do site HTML 5 doctor e este disponível neste link em inglês.

Neste artigo, você poderá escrever suas páginas utilizando o HTML 5, antes mesmo de ter o lançamento da versão final.

O doctype

Chega daquelas URL’s gigantes para definir o doctype de sua página. No HTML 5 fica só assim:

<!DOCTYPE html>

Isso basta para definir o doctype de seus documentos que utilizam o HTML 5. O Google já faz isto. Dê uma olhada no código fonte da página inicial do buscador.

HTML 5 – De um jeito simplificado

Assim como o HTML 4 e o XHTML, o HTML 5 utiliza as famosas tags <html>,<head>, etc. Contudo, uma versão mais simplificada pode ser usada e ser considerada válida pela W3C. Contudo, podem ocorrer alguns problemas. Veja como fica a versão simplificada:


<!DOCTYPE html>

<title>Small HTML 5</title>

<p>Hello world</p>

Mas o ideal é usar a versão completa. Veja:

HTML 5 como deve ser

O seu código em HTML, utilizando a versão 5, deve ficar como no código abaixo. Reparem que há um código javascript incluido. É para o caso dos que utilizam o Internet explorer, que ainda não interpreta o HTML 5. Este script fará com que o IE “consiga entender” sua página e a apresente corretamente.

Repare que a tag para incluir um código CSS ficou mais “limpa”.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
 article, aside, details, figcaption, figure, footer, header,
 hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>

Legal, não?! Já dá para ir brincando o HTML 5 em suas páginas!

Bons estudos!

Apesar da nova versão do HTML estar batendo a nossa porta, ainda existe uma grande precariedade de materiais para aprender o HTML 5. Talvez isto ocorra devido a possibilidade da linguagem sofrer modificações.

Veja, abaixo, alguns sites que trazem um bom conteúdo para quem já está antenado no HTML 5:

http://dev.w3.org/html5/spec/Overview.html

http://html5doctor.com/

Exemplos de sites desenvolvidos com o HTML 5.

http://html5gallery.com/

html5

Quando estará pronta?

A previsão é de que a versão 5 do HTML esteja completamente pronta para uso em 2012. Contudo, é importante observar que os navegadores já estão adequando-se a esta nova versão da linguagem. Firefox e Chrome já trazem suportem a vários recursos desta nova versão. Há planos para lançamento da versão final do HTML 5 antes de 2012.

O que muda?

Muda que agora existirá um padrão bem definido e que será seguido severamente – ou pelo menos deverá ser – pelos navegadores.


Continue reading…