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.

Html 5初探

899 views

Published on

Published in: Technology
  • Be the first to comment

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 />

×