HTML 5 - Semana da Computação - UFF
0 gostou515 visualizações
O documento discute as principais características e elementos do HTML5, incluindo sua história, implementação segura de elementos como canvas e geolocation, e como plugins como Flash podem coexistir com os recursos multimídia nativos do HTML5.
![<!--[if lt IE 9]>
<script
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
30](https://image.slidesharecdn.com/html5-uff-101108085536-phpapp02/85/HTML-5-Semana-da-Computacao-UFF-30-320.jpg)
HTML 5 - Semana da Computação - UFF
- 1. HTML 5 UFF - SC 2010 1
- 3. O que é o HTML 5? 3
- 5. Breve histórico HTML HTML 4 XHTML HTML 5 1990 1997 2000 2010+ 5
- 6. Princípios básicos Simplicidade Adaptação Enxergar o futuro Compreender o passado Tradição 6
- 7. PQP PM 7
- 8. O que podemos implementar com HTML5? 8
- 10. doctype charset selfclose tags atributos sem aspas elementos semânticos áudio e vídeo atributos data-* drag n drop contenteditable Implementação Segura 10
- 13. web sql database indexDB webstorage web workers Experimentos 13
- 14. Shims, Fallbacks e Polyfills @rem // Remy Sharp http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills http://goo.gl/KQDB 14
- 15. DOCTYPE 15
- 16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1- transitional.dtd"> 16
- 18. <html xmlns="http://www.w3.org/1999/xhtml" lang=”pt-BR”> <html lang=”pt-BR”> 18
- 19. charset 19
- 20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset=utf-8 > 20
- 21. selfclose tags <img src=”weeeee.jpg” /> <img src=”weeeee.jpg”> 21
- 22. <br /> <br> 22
- 23. atributos sem aspas <meta charset=utf-8 > 23
- 26. article h1 com título do artigo header algumas informações nesse rodapé do artigo, sobre o artigo footer algum texto aqui, o próprio conteúdo do artigo 26
- 29. Desde antes do HTML 5 podemos criar elementos “novos” document.createElement(‘article’); article { display: block } 29
- 30. <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> 30
- 31. Atributos data-* <div data-meta=”address”> </div> 31
- 32. Drag n Drop jQuery UI Draggable http://jqueryui.com/demos/draggable/ 32
- 34. 34
- 36. <video controls> <source type="video/mp4" src="video.mp4" /> Esse browser não toca esse vídeo super legal </video> <video controls> <source type="video/mp4" src="video.mp4" /> <source type="video/ogg" src="video.ogg" /> <source type="video/webm" src="video.webm" /> <object><embed> // Muito flash no meio disso </embed></object> </video> 36
- 37. HTML 5 vai matar o Flash? 37
- 38. HTML 5 vai matar o Flash? ainda não 37
- 39. HTML 5 vai matar o Flash? ainda não mas já podem andar lado a lado 37
- 40. 38
- 41. dúvidas? 39