1. Novos recursos html5 principais
1. Reprodução local de áudio e vídeo;
2. Animação;
3. Informações geográficas;
4. Aceleração de hardware;
5. Corra localmente (mesmo após a interrupção da conexão com a Internet);
6. armazenamento local;
7. Arraste e solte os arquivos da área de trabalho para carregá -los para o navegador;
8. Marcadores semânticos;
2. Status atual do aplicativo HTML5
Hoje, os principais navegadores têm suporte diferente para o HTML5. Estamos ansiosos para que eles se tornem consistentes dentro de um ou dois anos. Você pode pensar que, como esse é o caso, provavelmente poucas pessoas estão usando esse padrão futuro agora. Este não é o caso. HTML5 tem sido amplamente utilizado agora. Como William Gibson disse, a Web futura chegou, mas ainda não foi amplamente adotada.
Você pode não saber que a página inicial do Google também usa o HTML5, mas atualmente eles usam apenas o HTML5 Doctype, e o restante da página ainda é um código antigo, mas o Google tem adotado amplamente o HTML5 em suas várias aplicações. O exemplo mais típico é o Gmail. O armazenamento offline HTML5 permite que os usuários usem o Gmail mesmo quando offline. Além disso, o Google Docs também usa armazenamento offline. Aplicações semelhantes de outros fabricantes que também usam armazenamento offline incluem o Gabinete Suite do Zoho e a plataforma do blog do WordPress. Se você estiver interessado no armazenamento offline do HTML5, pode dar uma olhada no artigo, como adicionar suporte offline aos seus aplicativos.
3. Leitor de documentos baseado em HTML5 Scribd
A imagem acima é o novo leitor de documentos do Scribd, tudo baseado nos padrões da Web e não usando flash
Além dos vídeos, o HTML5 pode substituir o flash em muitos aspectos. O site de compartilhamento de documentos Scribd anunciou recentemente que eles usarão o HTML5 para substituir o Flash para implementar os leitores do documento. O Scribd é o melhor exemplo dos recursos incríveis que o HTML5 pode alcançar em combinação com o CSS. Eles também usam @font-face para implementar fontes personalizadas. Além disso, o efeito de transformação ao girar as páginas também é completamente baseado no CSS3. A combinação dessas ferramentas da Web padrão permite que o Scribd alcance o html exagerado do flash para o HTML puro, sem sacrificar a funcionalidade dos documentos em estrutura, fontes, imagens incorporadas, camadas, etc. Os leitores mais recentes de documentos do Scribd até suportam o IE6, aqui está um exemplo que usa HTML puro para a produção de formulários complexos de complexos.
4. Vídeos de tela e html5 html5
Invaders Classic Game baseado em objetos de tela HTML5
Embora a aplicação da tela do Scribd seja excelente, podemos encontrar mais sites desses. O Canvas Demos possui uma variedade de aplicativos sobre tela, de vários jogos on -line a aplicativos Rainbow que extraem cores das páginas da web.
Os exemplos mais típicos sobre vídeos são o YouTube e o Vimeo, os quais fornecem versões HTML5.
5. posicionamento de informações geográficas HTML5
Clique no círculo acima do vilão amarelo no mapa para dizer ao Google mapeia seu local geográfico
Outro recurso do HTML5 é a função de geolocalização. Alguns navegadores fornecem uma API de geolocalização, que também é gerenciada pelo W3C e pode combinar o HTML5 para atingir seu local de geolocalização atual. Google Maps usando esse recurso, há um pequeno círculo no Google Maps. Basta clicar para dizer ao Google Maps onde você está agora. Atualmente, a API de geolocalização não é amplamente adotada por muitos navegadores de mesa (apenas Chrome e Firefox 3.6+), mas o plug -in do Google Gears pode ajudar os navegadores mais antigos a implementar esse recurso.
O Twitter usa isso para realizar mensagens de tweets com reconhecimento de informações geográficas. Quando o navegador suporta a API de geolocalização, ele usará automaticamente a API. Caso contrário, o Google Gears será usado.
6. Mais significados de html5
O HTML5 tem muito mais significado do que o acima. Seu maior significado está em alterar a estrutura dos documentos da Web. Com a ajuda do cabeçalho, rodapé, seção, artigo, etc., podemos implementar documentos da Web mais estruturados e semânticos. Dessa forma, os mecanismos de pesquisa podem indexar facilmente sites da Web e também podemos pesquisar informações mais rápidas e precisas.
Existem inúmeros sites que estão usando as novas tags HTML5 e você pode encontrar um grande número desses sites no HTML5Gallery. Se você deseja usar a nova estrutura HTML5 agora, também pode dar uma olhada neste tutorial HTML5.
Além disso, com a ajuda de microdata, o HTML5 também pode implementar uma estrutura semântica mais poderosa. Este formato de dados padronizado (semelhante aos microformatos) permite que seu site não apenas forneça dados, mas também forneça definições de dados. Os microdados são de grande importância para os navegadores e os mecanismos de pesquisa. Os mecanismos de pesquisa podem usar microdados para descobrir amigos em sua rede, e os navegadores podem se conectar ao seu site de amigos da rede social. Você pode experimentar isso na Rich Snippets Testing Tool da Rich Snippets.