Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Html5的应用与推行

3,584 views

Published on

在 MSDN 组织的 HTML5 Web Camps 上海场分享的讲演稿。

Published in: Technology
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Html5的应用与推行

  1. 1. 5HTML @sofish
  2. 2. @sofish
  3. 3. @sofish
  4. 4. @sofishhttp://sofish.de CSS
  5. 5. 1. HTML5 ?2. ?3.
  6. 6. 1. HTML5 ?2. ?3.
  7. 7. HTML5 ?
  8. 8. : 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>
  9. 9. : 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>
  10. 10. : 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>
  11. 11. : 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>
  12. 12. : BEautiful && practical<audio
/>
<canvas
/>
<device
/><form
/>LocalStorage
GeoLocationWeb
SQL
Databaseetc.
...
  13. 13. : BEautiful && practical<audio
/>
<canvas
/>
<device
/><form
/>LocalStorage
GeoLocationWeb
SQL
Databaseetc.
...
  14. 14. : BEautiful && practical<audio
/>
<canvas
/>
<device
/><form
/>LocalStorage
GeoLocationWeb
SQL
Databaseetc.
...
  15. 15. : 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
planets
women
unanimously
voted
Bruce
Lawson
as
sexiest
man
alive.</p><p>Read
more</p></a></article>
  16. 16. : 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
planets
women
unanimously
voted
Bruce
Lawson
as
sexiest
man
alive.</p><p>Read
more</p></a></article>
  17. 17. HTML5 API
  18. 18. ?
  19. 19. Web Art
  20. 20. Web Art Utility
  21. 21. Web Art Utility Powerful ID
  22. 22. ∙






 AA
  23. 23. ∙






 AALocalStorage http://sofish.de/file/html5/localStorage/Cookie HTTP LocalStorage + UserData(IE)
  24. 24. Web
  25. 25. WebDrag & Drop http://sofish.de/file/html5/drag_and_drop/ + HTML5 Gmail Min.us
  26. 26. SNSAA AA iOS 5 Remember
  27. 27. SNS AA AA iOS 5 RememberGeolocation http://sofish.de/file/html5/geolocation/HTML5 Geolocation IP Wifi GPS
  28. 28. HTML5JS API
  29. 29. HTML5HTML5XHTML XHTML5
  30. 30. Data Table form:http://j.mp/cross- browser
  31. 31. Data Table form:http://j.mp/cross- browser
  32. 32. XHTML JS
  33. 33. HTML5
  34. 34. HTML5 XHTML
  35. 35. HTML5 XHTML 读 HTML5 议 术http://sofish.de/1389
  36. 36. ThankYou!! FAQ http://sofish.de sofish

×