1. HTML5 CSS3 及商城脚本命名空间讨论

2. 什么是 HTML5

3. HTML 5 的历史背景 W3C HTML Working Group 于2007年成立并着手开发 HTML 5。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。 和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。 HTML5 的使命是实现富 Web 应用的本地化

4. HTML5 Parsing rules Canvas Video Audio Elements User interaction Microdata Web applications Security Geolocation WebGL Communication Files Storage Workers Local devices Other

5. HTML5 Parsing rules Canvas Video Audio Elements User interaction Microdata Web applications Security Geolocation WebGL Communication Files Storage Workers Local devices Other

6. HTML5 主要新功能 1、本地音频视频播放; 2、动画; 3、地理信息; 4、硬件加速; 5、本地运行(即使在 Internet 连接中断之后); 6、本地存储; 7、从桌面拖放文件到浏览器上传; 8、语义化标记;

7. HTML5 的意义远不止上面这些，它最大的意义在于改变了 Web 文档的结构方式，借助 header, footer, section, article 这些标签，我们可以实现更具结构化，语义化的 Web 文档。这样，搜索引擎可以更容易索引 Web 站点，我们也可以搜索到更快，更准确的信息。

8. Section elements Section Nav Article Aside Hgroup Header Footer

9. FORMs Input type=search Input type=tel Input type=url Input type=email

10. localStorage 本地存储 最多可支持5MB文本内容

11. localStorage localStorage.setItem(“name”, “要存储的内容”); localStorage.getItem(" name "); localStorage[name] localStorage.name

12. 商城能用 HTML5 做些什么？

13. 商城能用 HTML5 做些什么？ 使用更具结构化、语义化的 HTML5 标签，更快的加载速度，从而转化为更好的用户体验。 article, aside, footer, header, nav, section, time…

14. 商城能用 HTML5 做些什么？ 本地存储 将页面中的部分内容存放在客户端，下次在打开类似的页面时则可以从本地读取，而不需要向服务器再发送请求，从而可以节省流量，节省了成本。 比如页头、导航、页脚声明等内容。

15. HTML5 所需的文件 <!--[if lt IE 9]> <script src="http://a.tbcdn.cn/p/fp/2011a/html5.js"></script> <![endif]--> <style> article,aside,footer,header,nav,nest,output,section{display:block;} </style> https://github.com/kissyteam/kissy/blob/master/src/cssreset/reset.css /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }

16. CSS3表一览

17. CSS3表一览

18. Transform 旋转 -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform:rotate(0deg); -ms-transform: rotate(0deg); transform:rotate(0deg); http://www.css88.com/tool/css3Preview/Transform.html http://www.css3generator.com/

19. 结束