html5websql如何备份

在html4及之前的版本中，通常使用cookie存储在用户的客户端，并随浏览器的请求一起发送到服务器的，它有一定的过期时间，过期后自动消失，也制约其发展的因素。
HTML5中增加了两种全新的数据存储方式：Web Storage和Web SQL Database
Web Storage:可用于临时或永久保存客户端的少量数据，
Web SQL Database:客户端本地化的一套数据库系统，将大量的数据保存在客户端，而无需与服务器交互，极大减轻了服务器的压力，加快了其他页面浏览的速度。
一、WebStorage存储
相应的API类型分为两种：
sessionStorage(保存会话数据)
localStorage(在客户端长期保存数据)
1 sessionStorage 对象：保存数据时间非常短暂，因为该数据实质上是保存在session对象中。用户在打开浏览器时，可以查看 *** 作过程中要求临时保存的对象，一旦关闭浏览器，所有使用sessionStorage对象保存的数据将全部丢失。
保存数据：sessionStoragegetItem(key,value);
对应格式为(键名，键值)。一旦键名设置成功，则不允许修改，也不能重复，若重复，会覆盖原有的键名值。
读取数据：sessionStoragegetItem(key);      返回一个指定键名对应的键值，如果不存在，则返回Null值。
sessionStorage对象保存于读取临时数据
ps:但重新打开网页时，原先sessionStorage对象保存的内容会全部丢失，所以当用户直接单击“读取”时，无法读取指定键名的键值。
2 localStorage对象：可以将数据长期保存在客户端，直至人工消除为止。
保存对象：localStoragesetItem(key,value);
读取对象：localStoragegetItem(key);
如果要清除对象保存的内容：localStorageremoveItem(key);
一旦成功，与键名对应的相应数据将全部被删除。
ps:尽管使用localStorage对象可以将数据长期保存在客户端，当在跨浏览器读取数据时，被保存的数据不可公用，即每一个浏览器只能读取各自浏览器中保存的数据，不能访问其他浏览器中保存的数据。
二、localStorage详解
1 清除localStorage数据：如果要删除某个键名对应的记录，只需要调用removeItem()函数即可，但有时保存的数据很多，可以用：localStorageclear();
表示清空全部的数据，一旦使用localStorage对象保存了数据，用户就可以在浏览器中打开相应的代码调试工具，查看每条数据对应的键名与键值，执行删除与清空 *** 作后，其对应的数据也会发生变化，这些变化可以通过浏览器的代码调试工具进行侦查。
ps:各浏览器查看localStorage对象说保存的数据方式不完全相同，chrome10中，单击右键，选择“审查元素”，单击“resources”进行查看；firefox使用firebug调试工具作为存储查看器；Opera在页面中单击右键，选择“检查元素”，单击“本地资源”选项卡进行查看。
2遍历localStorage数据
为了遍历localStorage这些数据，在遍历过程中，需要访问localStorage对象的另外两个属性：length与key，前者是对象中保存数据的总量；后者是保存数据时的键名项。其中，索引值以0开始。
正在读取数据
3 使用json对象存储数据
上面那种方式存储数据只能应对少量数据，为了解决这一问题，在html5中可以通过localStorage与JSON对象的转换，快速实现存储更多数据的功能。
如果将localStorage数据转成json对象，需调用json对象的parse()方法：
JSONparse(data);
参数data表示localStorage对象获取的数据，该方法将返回一个装载data数据的json对象。还可通过stringify()，将一个实体对象转换成json格式的文本数据：
JSONstringify(obj)
obj表示一个任意的实体对象，调用该方法将返回一个由实体对象转成JSON格式的文本数据集

Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。浏览器支持所有主流浏览器均支持服务器发送事件，除了 Internet Explorer。接收Server-Sent 事件通知EventSource 对象用于接收服务器发送事件通知：实例var source=new EventSource("demo_ssephp"); sourceonmessage=function(event) { documentgetElementById("result")innerHTML+=eventdata + "<br />"; }; 例子解释：创建一个新的 EventSource 对象，然后规定发送更新的页面的 URL（本例中是 "demo_ssephp"）每接收到一次更新，就会发生 onmessage 事件当onmessage 事件发生时，把已接收的数据推入 id 为 "result" 的元素中检测Server-Sent 事件支持在上面的 TIY 实例中，我们编写了一段额外的代码来检测服务器发送事件的浏览器支持情况：if(typeof(EventSource)!=="undefined") { // Yes! Server-sent events support! // Some code } else { // Sorry! No server-sent events support } 服务器端代码实例为了让上面的例子可以运行，您还需要能够发送数据更新的服务器（比如 PHP 和 ASP）。服务器端事件流的语法是非常简单的。把 "Content-Type" 报头设置为 "text/event-stream"。现在，您可以开始发送事件流了。

php和html5是不同的语言好吧。一个负责后台的逻辑处理，一个负责前台的UI呈现。他们是不冲突的。现在还有很多浏览器不支持html5。所以建议用html4来做网站。智能手机一般都会支持的。
服务一般会用Linux的apache或使用windows的IIS。
网站用的协议一般会有两种，一种是>