Blog da LinkHost » HTML 5 http://blog.linkhost.com.br A web de um jeito mais LinkHost Tue, 06 Jul 2010 21:29:10 +0000 en hourly 1 http://wordpress.org/?v=3.0 HTML 5 – Para começar a aprender http://blog.linkhost.com.br/2010/06/21/html-5-para-comecar-a-aprender/ http://blog.linkhost.com.br/2010/06/21/html-5-para-comecar-a-aprender/#comments Tue, 22 Jun 2010 00:53:21 +0000 Webmaster http://blog.linkhost.com.br/?p=291

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!

]]> http://blog.linkhost.com.br/2010/06/21/html-5-para-comecar-a-aprender/feed/ 0 Sites para aprender HTML 5 http://blog.linkhost.com.br/2010/02/04/sites-para-aprender-html-5/ http://blog.linkhost.com.br/2010/02/04/sites-para-aprender-html-5/#comments Thu, 04 Feb 2010 16:41:44 +0000 Webmaster http://blog.linkhost.com.br/?p=152

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/

]]> http://blog.linkhost.com.br/2010/02/04/sites-para-aprender-html-5/feed/ 0 HTML 5 – Já está na hora de começar a aprender http://blog.linkhost.com.br/2010/01/14/html-5-ja-esta-na-hora-de-comecar-a-aprender/ http://blog.linkhost.com.br/2010/01/14/html-5-ja-esta-na-hora-de-comecar-a-aprender/#comments Thu, 14 Jan 2010 20:55:26 +0000 Webmaster http://blog.linkhost.com.br/?p=133

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.

Outro grande objetivo desta nova versão é adequar-se a “nova” web. Permitir uma melhor experiência com vídeos, animações, áudio, etc. Alguns já especulam a “morte” de ferramentas como o Flash da Adobe e o Silverlight da Microsoft. Mas estas ferramentas deverão adaptar-se a este novo padrão.

Os cookies ganham um tipo de “upgrade” e permitirá armazenar muito mais informações no computador do usuário. Permitindo a criação de aplicações para navegação offline. Os atuais cookies poderão comparar-se a singelos bancos de dados locais. Isto dará força aos serviços baseados na web.

Os navegadores deixarão de ser meros “exibidores de páginas” para serem verdadeiros “ambientes de desenvolvimento”

Os mecanismos de busca

A linguagem trará novas tags que permitirão uma melhor estruturação das páginas HTML e permitirá que os buscadores, forneçam resultados mais próximos daquilo que o usuário busca.

Quando aprender?

Agora!
Mas não saia construindo páginas utilizando o HTML 5, afinal, os navegadores não são totalmente compatíveis e a linguagem está em desenvolvimento. É pouco provável que muitas coisas mudem até a versão final, mas é importante estar por dentro do que realmente estará na versão final. Daqui a 2 anos, saber HTML 5 será o diferencial do profissional web.

Alguns exemplos:

Veja alguns sites que já utilizam recursos do HTML 5. Utilize o Firefox ou chrome para conseguir visualizar os recursos.

http://www.youtube.com/html5

http://shapeshed.com/examples/techno-kittens/

http://www.pinceladasdaweb.com.br/

http://www.chrdesigner.com/

]]> http://blog.linkhost.com.br/2010/01/14/html-5-ja-esta-na-hora-de-comecar-a-aprender/feed/ 0