O HTML 5 é a encarnação mais recente do padrão HTML, linguagem de marcação para web. Ele traz novidades, pois junto com ele vem uma infinidade de elementos novos, junto com CSS 3 e Javascript.
Logo do HTML 5 extraído de: http://www.w3.org/html/logo/
Características do HTML 5
- Suporte a áudio através da API WEb Audio
- Suporte a gráficos 2D através do elemento Canvas
- Suporte a gráficos 3D por meio do elemento canvas (WebGL)
- Suporte à câmera e microfone
- Suporte a cache
- Suporte a banco de dados embutido (IndexedDB)
- Suporte ao acesso ao sistema de arquivos (sandboxed) - File API
- Suporte à definição de layouts mais robustos com mais possibilidades de se especificar o estilo dos componentes (CSS3)
- Suporte a execução de scripts javascript em outra thread (Web Workers)
- Conexão com Servidor Bidirecional (WebSockets)
Nem todos os navegadores no momento da escrita deste artigo (15/08/2012) suportam todas as funcionalidades. O grau de suporte varia de navegador para navegador. Por exemplo, o IE (Internet Explorer) não suporta WebGL.
Web Workers
Um web worker nada mais é do que uma thread que executa um script Javascript em plano de fundo. Isto permite que aplicações mostrem sua interface gráfica e permitam a interação com o usuário, enquanto que um script javascript potencialmente demora seja executado em segundo plano, dando agilidade e responsividade para a interação do usuário com páginas web. ** (ver a partir de quais versões os navegadores suportam web workers) **
Criação de um Web Worker
TODO: colocar exemplo
Script a ser executado pela página principal (index.html)
var worker = new worker( 'worker.js' ) worker.addEventListener( "message", function(){ // xxx } );
Script a ser executado pelo web worker (worker.js)
xxxx
Limitações de um Web Worker
- Um web worker não pode manipular elementos DOM, pois as operações em cima destes não são seguras quanto a acesso concorrente.
TODO: colocar exemplo
HTML5 para Aplicativos mobile nativos
Há algumas plataformas que permitem o desenvolvimento de aplicativos nativos para smartphones em HTML 5. As mais conhecidas são o PhoneGap e o Apache Córdova.
WebSockets
TODO: fazer
Veja também
bibliotecas e frameworks para HTML 5
jogos 2d em html 5
jogos em html
programação internet
WebGL
Benchmarks HTML5
Links
Testes
http://html5test.com/ Testa quais caracteísticas do HTML 5 seu navegador suporta
notícias
http://www.html5gamedevs.com/ notícias sobre jogos m HTML 5
tutoriais/artigos
http://www.adobe.com/devnet/html5.html Seção do site de desenvolvimento da Adobe dedicada a HTML 5
http://html5doctor.com/ Site com vários artigos sobre HTML 5
http://www.html5rocks.com/en/ Site com vários artigos sobre HTML 5
http://www.w3schools.com/ Site com tutorial HTML, HTML5, bem como tags e tecnologias correlatas
Outros
https://developer.mozilla.org/en-US/demos/devderby/ Competição que a Mozilla está fazendo mensalmente para produzir demos usando uma API Web específica.
http://developer.goko.com/ plataforma para criar, desenvolver e monetizar jogos em HTML 5