![localStoragelocalStorage.setItem(“name”, “要存储的内容”); localStorage.getItem(" name "); localStorage[name]localStorage.name](https://image.slidesharecdn.com/2011-04-19html5css3-110524074040-phpapp01/85/2011-04-19-html5-css3-11-320.jpg)
![HTML5 所需的文件<!--[if lt IE 9]><script src=/tbmallf2e/2011-0419-html5-css3/"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;}](https://image.slidesharecdn.com/2011-04-19html5css3-110524074040-phpapp01/85/2011-04-19-html5-css3-15-320.jpg)
2011 04-19 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. HTML5Parsing rulesCanvasVideoAudioElementsUser interactionMicrodataWeb applicationsSecurityGeolocationWebGLCommunicationFilesStorageWorkersLocal devicesOther
- 5. HTML5Parsing rulesCanvasVideoAudioElementsUser interactionMicrodataWeb applicationsSecurityGeolocationWebGLCommunicationFilesStorageWorkersLocal devicesOther
- 6. HTML5 主要新功能1、本地音频视频播放;2、动画;3、地理信息;4、硬件加速;5、本地运行(即使在 Internet 连接中断之后);6、本地存储;7、从桌面拖放文件到浏览器上传;8、语义化标记;
- 7. HTML5 的意义远不止上面这些，它最大的意义在于改变了 Web 文档的结构方式，借助 header, footer, section, article 这些标签，我们可以实现更具结构化，语义化的 Web 文档。这样，搜索引擎可以更容易索引 Web 站点，我们也可以搜索到更快，更准确的信息。
- 9. FORMsInput type=searchInput type=telInput type=urlInput type=email
- 11. localStoragelocalStorage.setItem(“name”, “要存储的内容”); localStorage.getItem(" name "); localStorage[name]localStorage.name
- 12. 商城能用 HTML5 做些什么？
- 13. 商城能用 HTML5 做些什么？使用更具结构化、语义化的 HTML5 标签，更快的加载速度，从而转化为更好的用户体验。article, aside, footer, header, nav, section, time…
- 15. HTML5 所需的文件<!--[if lt IE 9]><script src=/tbmallf2e/2011-0419-html5-css3/"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. 颁厂厂3表一览
- 17. 颁厂厂3表一览
- 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.htmlhttp://www.css3generator.com/
- 19. 结束