Download to read offline
![1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES](https://cdn.slidesharecdn.com/ss_thumbnails/1-240406122138-38367c79-thumbnail.jpg?width=640&height=640&fit=bounds)
![Number_Guessing_Game_Dsbsbssbzboc[1].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/numberguessinggamedoc1-251206215042-a076fc05-thumbnail.jpg?width=640&height=640&fit=bounds)
HTML5
- 2. Doctype Antes: <!DOCTYPE HTML PUBLIC“-//W3C//DTD HTML 4.01//EN” “http:// www.w3.org/TR/html4/strict.dtd”> Agora: <!doctype html>
- 3. Tag <html> Antes: <html xmlns=”http://www.w3.org/1999/xhtml”lang=”en” xml:lang=”en”> Agora: <html lang=”pt-BR”>
- 4. Meta Charset Antes: <meta http-equiv=”Content-Type”content=”text/html; charset=UTF-8” /> Agora: <meta charset=”UTF-8”>
- 5. Estrutura básica Antes: <!DOCTYPE HTMLPUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/ html4/strict.dtd”> <html xmlns=”http://www.w3.org/1999/ xhtml” lang=”en” xml:lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” /> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html> Agora: <!doctype html> <html lang=”pt-BR”> <head> <meta charset="UTF-8"> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html>
- 6.
- 7. Semântica Antes: <body> <div id=”header”> <img src=”logo.png”> </div> <divid=”menu”></div> <div id=”conteudo”> <div id=”secao1”></div> <div id=”secao2”></div> </div> <div id=”rodape”>Rodape</div> </body> Sem significado Antes: <body> <header> <img src=”logo.png”> </header> <nav></nav> <main> <section id=”secao1”></section> <section id=”secao2”></section> </main> <footer>Rodape</footer> </body> Com significado
- 8. Novas APIs Web Sockets Geolocation IndexedDB Canvas Contenteditable File API Application cache Notifications Web Storage Drag and drop Get user media Várias outras
- 9. Posso usar tudo? Can I use: http://caniuse.com/ HTML5 Teste http://html5test.com/
- 10. Games em HTML5 GameMechanic Explorer: http://gamemechanicexplorer.com/ HTML5 Game Development: http://www.html5gamedevelopment.com/
- 11. Leitura obrigatória Mozilla DeveloperNetwork: https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5 W3C Brasil: http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf HTML5 Rocks http://www.html5rocks.com/pt/