Html5的应用与推行

3,383 views
3,291 views

Published on

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

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,383
On SlideShare
0
From Embeds
0
Number of Embeds
1,281
Actions
Shares
0
Downloads
126
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • \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
  • 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

    ×