HTML5 知识库
step by step教程：使用HTML5和CSS3的便笺
阅读:344次
评论:6条
更新时间:2011-09-15
在这个演示中，你可以创造一个新的便笺，它会保持到本地的SQl存储，并且可离线访问。当你需要关闭便笺时会会出现一个漂亮的动画效果。
涉及到的技术：
- HTML5 Application Cache
- HTML5 Database API
- CSS Transitions [1, 2]
- JavaScript OOP programming & Getters and Setters
不过目前只能在基于Webkit 4+的浏览器上正常工作，所以你需要使用Safari浏览器。
首先你需要在页面顶部添上HTML5 doctype：
<!doctype html>
既然有脱机工作，我们必须告诉浏览器在哪里找到含有HTML，CSS，JavaScript等的文件。不能依赖于浏览器的缓存，我们需要使用HTML5中的缓存API。
要使用HTML5的缓存，我们首先需要提供一个StickyNotes.manifest文件，列出所有离线需要的文件：
CACHE MANIFEST
#version=1
deleteButton.png
deleteButtonPressed.png
……
点击查看更详细的教程：http://ajaxian.com/archives/view-source-tutorial-sticky-notes-with-html5-and-css3
您还没有登录,请您登录后再发表评论
6 楼 whaosoft 2009-10-16 11:11
5 楼 koda 2009-10-16 09:05
女警笑
彪哥：那你知道这个什么么？
女警：斧子
彪哥：腰，腰...腰尝（藏）什么.
......
哈哈，博大家一笑吧
4 楼 cheneyjuu 2009-10-16 08:23
3 楼 gakaki 2009-10-15 23:11
2 楼 lumi 2009-10-15 14:47
html的语法中缺少很多部件，比如tab，tree等，这些东西都是常用的！
1 楼 rubycoo 2009-10-15 13:49