Na prática é mais divertido!

A teoria é importante para formalizar o potencial do novo padrão, mas apenas a prática é capaz de mostrar de forma clara o que o HTML5 é capaz de fazer, vejam alguns sites de exemplo:

http://alteredqualia.com/canvasmol/ (perfeito para ensinar química)

http://thewildernessdowntown.com/ (de cair o queixo, simplesmente espetacular o trabalho com os pássaros)

http://mugtug.com/sketchpad/ (um paint no browser)

http://www.pirateslovedaisies.com/( um dos primeiros jogos em HTML5, estilo Tower Defense, muito bem feito)

http://raphaeljs.com/ (API em javascript com HTML5)

Recomendações de Livros

Foundation HTML5 Canvas: For Games and Entertainment

Rob Hawkes (Author)

http://www.amazon.com/Foundation-HTML5-Canvas-Games-Entertainment/dp/1430232919

HTML5 Canvas

Steve Fulton (Author), Jeff Fulton (Author)

http://www.amazon.com/HTML5-Canvas-Steve-Fulton/dp/144939390X/ref=pd_sim_b_1

Supercharged JavaScript Graphics: with HTML5 canvas, jQuery, and More

Raffaele Cecco (Author)

http://www.amazon.com/Supercharged-JavaScript-Graphics-canvas-jQuery/dp/1449393632/ref=pd_sim_b_4

HTML5 24-Hour Trainer (Wrox Programmer to Programmer)

Joseph W. Lowery (Author), Mark Fletcher (Author)

http://www.amazon.com/dp/0470647825/ref=rdr_ext_sb_ti_hist_2

Pro HTML 5 Programming

Peter Lubbers (Author)

http://www.amazon.com/Pro-HTML-Programming-Peter-Lubbers/dp/1430227907/ref=pd_sim_b_5

Introducing HTML5 (Voices That Matter)

Bruce Lawson (Author), Remy Sharp (Author)

http://www.amazon.com/Introducing-HTML5-Voices-That-Matter/dp/0321687299/ref=pd_sim_b_2

JavaScript 24-Hour Trainer (Wrox Programmer to Programmer)

Jeremy McPeak (Author)

http://www.amazon.com/JavaScript-24-Hour-Trainer-Wrox-Programmer/dp/0470647833/ref=pd_sim_b_1

The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript

Jeanine Meyer (Author)

http://www.amazon.com/dp/1430233834/ref=rdr_ext_sb_ti_sims_3

Introdução e Overview das tags html5

Tags html5 - Conheça as Novas tags HTML5

fonte: http://www.testking.com/techking/wp-content/uploads/2011/02/IG-HTML5-Cheatsheet-600px.png

Note que as novas tags trazem funções como incorporação de vídeo, áudio, gráfico, armazenamento de dados no pc do cliente e documentos interativos. Somente as novas html5 tags que não existem no XHTML 1.0 nem no HTML 4.0. Entre os colaboradores para criar o HTML5 estão Apple, Google, AOL, Google, IBM, Microsoft, Mozilla, Opera, e centenas de outros gigantes da internet.[1]

HTML5 melhora a interoperabilidade e reduz os custos de desenvolvimento, através de regras precisas sobre como lidar com todos os elementos HTML, e como se recuperar de erros.

Algumas das novas funcionalidades do HTML5 são funções para áudioincorporação, vídeo, gráficos, do lado do cliente armazenamento de dados e documentos interativos. HTML5 tambémcontém novos elementos como nav, header, rodapé e figure.

O HTML5 grupo de trabalho inclui AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, e muitas centenas de outros fornecedores. [5]

HTML5 Atributos Globais

fonte: http://www.testking.com/techking/wp-content/uploads/2011/02/IG-HTML5-Cheatsheet-600px.png

HTML5 Atributos de Eventos

fonte: http://www.testking.com/techking/wp-content/uploads/2011/02/IG-HTML5-Cheatsheet-600px.png

Suporte dos browsers ao novo padrão do HTML5

HTML5 (Hypertext Markup Language, versão 5) é a quinta versão da linguagem HTML. O Web Hypertext Application Technology Working Group (WHATWG) iniciou o trabalho do novo padrão HTML em 2004, quando o World Wide Web Consortium (W3C) estava se concentrando no futuro desenvolvimento do XHTML 2.0, e o HTML 4.01 não tinha sido atualizado desde 2001.

Em 2009, o W3C decidiu que o Grupo de Trabalho do XHTML 2.0 deveria parar seus trabalhos, e assim, descontinuar o padrão. Desta forma o W3C e o WHATWG passaram a trabalhar juntas no desenvolvimento do HTML5.

Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, trazendo novas funcionalidades como semântica e acessibilidade, com novos recursos antes só possíveis por meio de outras tecnologias, e trazendo uma importante disseminação dentre todos os novos navegadores de internet, tornando-o mais universal.Veja abaixo um exemplo de código em HTML5:

Código HTML5 para reproduzir áudio sem a necessidade de plug-ins:

fonte: http://pt.wikipedia.org/wiki/HTML5

Nenhum browser oferece suporte completo ao novo padrão, até porque o mesmo ainda não foi dado como finalizado. Mesmo assim, as empresas estão correndo para fazer com que seus browsers ofereçam suporte a todas especificações e estejam prontos para o futuro. Existem sites como o do http://html5test.com/ que permite verificam como anda o suporte do seu browser ao novo padrão. A algum tempo atrás foi liberado um mapa que permite entender e visualizar mais facilmente como anda essa corrida, entre os fabricantes, para dar suporte ao novo padrão. Veja abaixo a imagem:

fonte:http://www.pakzilla.com/2011/02/27/an-ultimate-html5-cheatsheet-you-must-have/

Mapa mais atualizado:

fonte: http://valenteonline.com

HTML 5

Imaginação,encontra a implementação. Html5 é a pedra base da plataforma W3C Web, um nova forma de apoiar a inovação e promover todo o potencial que a web tem para oferecer. Não apenas uma nova linguagem de marcação,mas toda uma coleção de ferramentas e normas capazes de fornecer um vocabulário visual para classificar,comunicar e entreter.

Bem-vindos a nova era!