Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML 5 A evolução do HTML 4 para o HTML 5

8,125 views

Published on

Apresentação de trabalho científico sobre HTML 5, mostrando a evolução dos recursos e de tecnologias empregadas do HTML 4 para o HTML 5.

Published in: Technology
  • Be the first to comment

HTML 5 A evolução do HTML 4 para o HTML 5

  1. 1. Markup - Visão geral do HTML5 - Análise do suporte atual pelos navegadores e estratégias de uso - Estrutura básica, DOCTYPE e charsets - Modelos de conteúdo - Novos elementos e atributos - Elementos modificados e ausentes
  2. 2. HYPERTEXTO
  3. 3. O começo e a interoperabilidade
  4. 4. - WHAT Working Group- O HTML5 e suas mudanças
  5. 5. O HTML5 e suas mudanças
  6. 6. O Que e o HTML 5?
  7. 7. A morte eminente- Ou foram- Ou estão- Ou serão
  8. 8. Entre para a Liga
  9. 9. HTML 4 X HTML 5
  10. 10. HTML 4 X HTML 5
  11. 11. Análise do suporte e estratégias de uso nos navegadores - O desenvolvimento modular - Motores de Renderização - Compatibilidade com HTML5
  12. 12. O Desenvolvimento modular
  13. 13. Navegadores e Seus Motores
  14. 14. Motor de Renderização WEBKITNavegadores- Safari- Google- Chrome
  15. 15. Motor de Renderização GECKNavegadores- Firefox- Mozilla- Camino
  16. 16. Motor de Renderização TRIDENTNavegadores- Internet Explorer 4 a 9
  17. 17. Motor de Renderização PRESTONavegadores- Opera 7 ao 10
  18. 18. Compatibilidade com HTML 5
  19. 19. Técnicas de Detecção com Modernizr JavaScript utilizando Modernizr com método de GêoLocalização
  20. 20. Novos tipos de input •tel •range •search •color •url •number •email •datetime •date •month •week •time
  21. 21. • Email – com atributo multiple Cc <label>: <input type=email multiple name=cc> </ label>
  22. 22. • Date Time
  23. 23. Validação de formulários • O novo atributo pattern <input name="CEP" id="CEP" required pattern="d{5}-?d{3}" /> • Novalidate • Formvalidate • Oninput •setCustomValidity
  24. 24. VÍDEO <video src=“teste.mp4" width="400" height="300" /> Controle embutido (NATIVO) de conteúdo multimídia HTML 5 e a morte do Flash (Carta de Steve Jobs) A guerra dos Codecs
  25. 25. O QUE É CODEC? EXEMPLO: Infelizmente não poderei estar no horário combinado porque apareceu uma situação de emergência para resolver. Eu te ligo quando chegar em casa. CODIFICADO nflzmnt Ñ Pdr stR N Hrr Cmbnd Pq prc 1 Stçõ D mrgnc P RslvR. T Lg Qd ChgR m Cs
  26. 26. PRINCIPAIS CODECS DE VÍDEO H.264 Ogg Theora WebM
  27. 27. VÍDEO TAG <video src="u.ogv" width="400" height="300" /> ATRIBUTOS Poster, Preload, Autoplay, Mediagroup, Loop, Muted, Controls, Width, Hei ght.
  28. 28. ÁUDIO TAG <audio src="mus.oga" controls="true" autoplay="true" /> EXEMPLO <audio controls="true" autoplay="true"> <source src="mus.oga" /> <source src="mus.mp3" /> <source src="mus.wma" /> </audio>
  29. 29. PRINCIPAIS CODECS DE ÁUDIO WAV MP3 Ogg Vorbis
  30. 30. A nova geração de aplicações web IIMICRODATA
  31. 31. MICRODATAExemplo 2
  32. 32. HISTÓRICO DE SESSÃO API STORAGE
  33. 33. APLICAÇÕES OFFLINEExemplo 1
  34. 34. APLICAÇÕES OFFLINEExemplo 2
  35. 35. UNDOMANAGER

×