0
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!
Back to top