What is HTML5
•
2 gefällt mir•1,133 views
HTML5 provides richer semantics and improved compatibility compared to previous versions of HTML. It allows for richer internet applications through features like multimedia, graphics, offline web applications, web workers and device APIs. HTML5 aims to improve the web experience across browsers and devices.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (11)
Ähnlich wie What is HTML5
Ähnlich wie What is HTML5 (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
What is HTML5
- 1. What is HTML5 2011/11/02 Kyohei morimoto NTT Resonant Inc.
- 2. Kyohei Morimoto • • HTML,CSS,JavaScript,wp,AS,Flash,C,objective-C,php
- 3. Agenda • HTML5 • HTML • HTML5 •
- 4. Why HTML5
- 5. Web
- 6. Web HTML Native FLASH
- 7. Web Native HTML5 FLASH
- 8. • PC • • • TV(Sony TV Opera ) •
- 9. HTML
- 10. • HTML Hyper Text Markup Language • Web • HTML W3C
- 11. HTML5 CSS (X)html html.body{ <html> padding:0; margin:0; <head> } <title> </title> </head> <body> Hello JavaScript </body> </html> function hello(){ alert(“Hello”); }
- 12. HTML5 HTML Web Applications 1.0 WHATWG HTML5 CSS3 Form Animation Web Font Slection … Canvas D&D Offline Web Application SVG MathML Xpath … … Web Web Storage Web Workers File API Geolocation
- 13. HTML5 HTML Web Applications 1.0 WHATWG HTML5 CSS3 Form Animation Web Font Slection … Canvas D&D Offline Web Application SVG MathML Xpath … … Web Web Storage Web Workers File API Geolocation
- 14. HTML5 HTML Web Applications 1.0 WHATWG HTML5 CSS3 Form Animation Web Font Slection … Canvas D&D Offline Web Application SVG MathML Xpath … … Web Web Storage Web Workers File API Geolocation
- 15. HTML5 http://caniuse.com/
- 16. HTML5 http://gs.statcounter.com/
- 17. W3C • Working Draft • Last Call Working Draft • Candidate Recommendation • Proposed Recommendation • Recommendation 2014
- 19. What is HTML5 Web
- 20. • • • Web
- 21. Significance of HTML5 • Semantics • Compatibility • Rich Internet Applications
- 22. Semantics
- 23. Semantics More Readable for Everyone Not only Humans
- 24. <div class=”header”> <h1>Site Title</h1> <div class=”site-nav”> <ul><li>Home</li><li>Profile</li><li>Settings</li></ ul> </div> </div> <div class=”content”> <div class=”article”>Main Content <div class=”date”>2011/11/2 </div> <div class=”address”> <a href=”mailto:a@a.jp”> </a></div> </div> </div> <div class=”footer”> <div class=”copyright”>Copyright ..</div> </div>
- 25. <header> <h1>Site Title</h1> <nav> <ul><li>Home</li><li>Profile</li><li>Settings</li></ ul> </nav> </header> <div class=”content”> <article>Main Content <time datetime=”2011-11-02”>2011/11/02 </time> <div> <address> <a href=” mailto:a@a.jp”> </a></address></div> </article> </div> <footer> <small class=”copyright”>Copyright ..</small> </footer>
- 26. div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div
- 27. Compatibility
- 28. Compatibility • Web
- 32. Compatibility • Web •
- 34. MS “As part of our commitment to enabling developers to use the Same Markup – the same HTML, CSS, and script – on the web” IEBlog
- 35. MS
- 36. MS
- 37. "Write once, run any browser"
- 39. • Multimedia • Graphics • Offline Web Application • web workers • Network • Device
- 41. Graphic 2D 3D Demo:http://9elements.com/io/projects/html5/canvas/
- 42. Offline Web Application Web
- 43. Web Workers UI JavaScript Demo:Before After
- 45. Device •Contacts API •Calendar API •Media Capture •Messaging API SMS/MMS/E-mail •Battery Status API •Network Information API •Gallery API •Geolocation API •DeviceOrientation Events
- 46. More Demo
- 47. Blowing apart fragments of Video
- 48. Flight of the navigator
- 49. QuakeⅡ GWT Port
- 50. Live Coding
- 51. HTML5 OPERA Mobile