Html5的应用与推行
•Download as KEY, PDF•
8 likes•757 views
This document discusses HTML5 and its features. It explains that HTML5 aims to provide clear and semantic markup. It highlights new HTML5 elements like <header>, <section>, <article>, and <footer> that divide a document into clearly defined parts. It also discusses new multimedia capabilities in HTML5 such as <audio> and <canvas> elements, forms, local storage, geolocation, and databases. The document advocates that HTML5 is beautiful, practical, and free to use. It provides examples and links to further resources on HTML5 features.
More Related Content
What's hot
What's hot (20)
Similar to Html5的应用与推行
Similar to Html5的应用与推行 (20)
Recently uploaded
Recently uploaded (20)
Html5的应用与推行
- 1. 5 HTML @sofish
- 5. @sofish
- 6. @sofish
- 7. @sofish http://sofish.de CSS
- 10. 1. HTML5 ? 2. ? 3.
- 11. 1. HTML5 ? 2. ? 3.
- 12. HTML5 ?
- 13. : Clear && Semantic <!doctype html> <html lang="en"> <head> <meta charset="utf‐8" /> <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>
- 14. : Clear && Semantic <!doctype html> <html lang="en"> <head> <meta charset="utf‐8" /> <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>
- 15. : Clear && Semantic <!doctype html> <html lang="en"> <head> <meta charset="utf‐8" /> <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>
- 16. : Clear && Semantic <!doctype html> <html lang="en"> <head> <meta charset="utf‐8" /> <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>
- 17. : BEautiful && practical <audio /> <canvas /> <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...
- 18. : BEautiful && practical <audio /> <canvas /> <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...
- 19. : BEautiful && practical <audio /> <canvas /> <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...
- 20. : Free && practical <article> <a href="story1.html"> <h3>Bruce Lawson voted sexiest man on Earth</h3> <p><img src="bruce.jpg" alt="gorgeous lovebundle. ">A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.</p> <p>Read more</p> </a> </article>
- 21. : Free && practical <article> <a href="story1.html"> <h3>Bruce Lawson voted sexiest man on Earth</h3> <p><img src="bruce.jpg" alt="gorgeous lovebundle. ">A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.</p> <p>Read more</p> </a> </article>
- 22. HTML5 API
- 23. ?
- 25. Web Art
- 26. Web Art Utility
- 27. Web Art Utility Powerful ID
- 29. ∙ AA
- 30. ∙ AA LocalStorage http://sofish.de/file/html5/localStorage/ Cookie HTTP LocalStorage + UserData(IE)
- 31. Web
- 32. Web Drag & Drop http://sofish.de/file/html5/drag_and_drop/ + HTML5 Gmail Min.us
- 33. SNS AA AA iOS 5 Remember
- 34. SNS AA AA iOS 5 Remember Geolocation http://sofish.de/file/html5/geolocation/ HTML5 Geolocation IP Wifi GPS
- 35. HTML5 JS API
- 37. HTML5 HTML5 XHTML XHTML5
- 38. Data Table form: http://j.mp/cross- browser
- 39. Data Table form: http://j.mp/cross- browser
- 40. XHTML JS
- 41. HTML5
- 43. HTML5 XHTML
- 44. HTML5 XHTML 读 HTML5 议 术 http://sofish.de/1389
- 46. ThankYou!! FAQ http://sofish.de sofish
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n