html将用户数据保存,html5几种在客户端存储数据的实例详解

1.Application Cache

HTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。

application cache有三个特点离线浏览

已缓存的资源加载速度更快

减少服务器负载，浏览器将只从服务器下载更新过或更改过的资源

使用方法就是在 html标签中添加一个manifest属性

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

manifest 文件的建议的文件扩展名是：".appcache"。

The content of the document......

manifest 文件是简单的文本文件，它告知浏览器被缓存的内容(以及不缓存的内容)。

manifest 文件可分为三个部分：CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存

NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存

FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

一个完整的manifest文件

CACHE MANIFEST

# 2012-02-21 v1.0.0

/theme.css

/logo.gif

/main.js

NETWORK:

login.asp

FALLBACK:

/html5/ /404.html

2.localStorage & sessionStorage

HTML5 提供了两种在客户端