HTML 5技术调研<br />HTML 5 Technical Report<br />By kily<br />
内容导航Content Navigation >><br />什么是HTML 5<br />为什么要学习HTML 5<br />HTML 5有哪些好玩的特性<br /><ul><li>简洁语义化的代码
丰富的表单控件
增强的本地存储(Local Storage)
强大的JavaScript API接口实现</li></li></ul><li>什么是HTML 5 What is HTML 5 >><br />	HTML5是HTML下一个的主要修订版本,现在仍处于发展阶段。目标是取代1999年所定订的HTM...
简单易用且向后兼容(DTD、TAGS)<br />丰富的WEB新特性(音,视频原生支持、文件拖放)<br />未来的趋势(Google、Apple)<br />客户/用户的需求(高端用户)<br />团队应有的创新与探索意识(TaoBao UE...
精彩即将上演Let’s Start。。。<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
丰富的表单控件Wonderful form validate Components >><br />点击查看<br />Tips: 请用最新版的Firefox或者Chrome观看效果<br />
本地存储local Storage。。。<br />点击查看<br />Tips: 请用最新版的Chrome中测试观看效果<br />
Upcoming SlideShare
Loading in …5
×

Html 5初探

836 views
758 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
836
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html 5初探

  1. 1. HTML 5技术调研<br />HTML 5 Technical Report<br />By kily<br />
  2. 2. 内容导航Content Navigation >><br />什么是HTML 5<br />为什么要学习HTML 5<br />HTML 5有哪些好玩的特性<br /><ul><li>简洁语义化的代码
  3. 3. 丰富的表单控件
  4. 4. 增强的本地存储(Local Storage)
  5. 5. 强大的JavaScript API接口实现</li></li></ul><li>什么是HTML 5 What is HTML 5 >><br /> HTML5是HTML下一个的主要修订版本,现在仍处于发展阶段。目标是取代1999年所定订的HTML 4.01和XHTML 1.0 标准,以期能在互联网应用迅速发展的候,使网络标准达到符合当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于基于插件的富互联网应用(plug-in-based rich internet application,RIA),如AdobeFlash、MicrosoftSilverlight,与OracleJavaFX的需求,并且提供更多能有效增强网络应用的标准集。<br />Ref(modifyed): http://zh.wikipedia.org/wiki/HTML5<br />
  6. 6. 简单易用且向后兼容(DTD、TAGS)<br />丰富的WEB新特性(音,视频原生支持、文件拖放)<br />未来的趋势(Google、Apple)<br />客户/用户的需求(高端用户)<br />团队应有的创新与探索意识(TaoBao UED、Alipay UED)<br />为什么要研究HTML 5Why HTML 5 >><br />
  7. 7. 精彩即将上演Let’s Start。。。<br />
  8. 8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br /><head><br /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><br /> <title></title><br /></head><br /><body><br /> <div class="header"><br />头部<br /></div><br /> <div class="container"><br />主体<br /></div><br /> <div class="footer"><br />尾部<br /></div><br /></body><br /></html><br />简洁优雅的代码Simple & Beautiful Code >><br />未来的HTML 5<br />现在的HTML(xhtml 1.0)<br /><!DOCTYPE HTML><br /><html lang="en"><br /><head><br /> <meta charset="UTF-8"><br /> <title></title><br /></head><br /><body><br /> <header><br />头部<br /></header><br /> <section><br />内容<br /></section><br /> <footer><br />尾部<br /></footer><br /></body><br /></html><br />
  9. 9. 丰富的表单控件Wonderful form validate Components >><br />点击查看<br />Tips: 请用最新版的Firefox或者Chrome观看效果<br />
  10. 10. 本地存储local Storage。。。<br />点击查看<br />Tips: 请用最新版的Chrome中测试观看效果<br />
  11. 11. JavaScript接口-canvaslocal Storage。。。<br />点击查看<br />Tips: 请用最新版的FireFox、Chrome、Opera中测试观看效果<br />
  12. 12. 结束The End。。。<br />更多HTML 5相关资料:huayang制作部专用html5资料<br />内部地址-一般人我不告诉他^!^<br />@keelii<br />

×