O documento discute as principais mudanças e recursos introduzidos pelo HTML5, incluindo nova estrutura, elementos e atributos. Também analisa o suporte dos navegadores a esses recursos e estratégias para uso, como a detecção de recursos com Modernizr e o desenvolvimento modular dos motores de renderização. Por fim, apresenta em detalhes os novos recursos multimídia como vídeo, áudio e codecs, além de novas APIs como Storage e offline.

4. 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

5. HYPERTEXTO

6. O começo e a interoperabilidade

7. - WHAT Working Group
- O HTML5 e suas mudanças

8. O HTML5 e suas mudanças

9. O Que e o HTML 5?

11. A morte eminente
- Ou foram
- Ou estão
- Ou serão

12. Entre para a Liga

13. HTML 4 X HTML 5

14. HTML 4 X HTML 5

15. Análise do suporte e estratégias de uso nos navegadores
- O desenvolvimento modular
- Motores de Renderização
- Compatibilidade com HTML5

16. O Desenvolvimento modular

17. Navegadores e Seus Motores

18. Motor de Renderização WEBKIT
Navegadores
- Safari
- Google
- Chrome

19. Motor de Renderização GECK
Navegadores
- Firefox
- Mozilla
- Camino

20. Motor de Renderização TRIDENT
Navegadores
- Internet Explorer 4 a 9

21. Motor de Renderização PRESTO
Navegadores
- Opera 7 ao 10

22. Compatibilidade com HTML 5

23. Técnicas de Detecção com Modernizr
JavaScript utilizando Modernizr com
método de GêoLocalização

24. Novos tipos de input
•tel •range
•search •color
•url •number
•email
•datetime
•date
•month
•week
•time

25. • Email – com atributo multiple
Cc <label>: <input type=email multiple name=cc> </ label>

26. • Date Time

27. Validação de formulários
• O novo atributo pattern <input name="CEP" id="CEP" required
pattern="d{5}-?d{3}" />
• Novalidate
• Formvalidate
• Oninput
•setCustomValidity

28. 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

29. 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

30. PRINCIPAIS CODECS DE VÍDEO
H.264
Ogg Theora
WebM

31. VÍDEO
TAG
<video src="u.ogv" width="400" height="300" />
ATRIBUTOS
Poster, Preload, Autoplay, Mediagroup, Loop, Muted, Controls, Width, Hei
ght.

32. Á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>

33. PRINCIPAIS CODECS DE ÁUDIO
WAV
MP3
Ogg Vorbis

34. A nova geração de aplicações web II
MICRODATA

35. MICRODATA
Exemplo 2

37. HISTÓRICO DE SESSÃO
API STORAGE

38. APLICAÇÕES OFFLINE
Exemplo 1

39. APLICAÇÕES OFFLINE
Exemplo 2

40. UNDOMANAGER