html离线存储
‘壹’ html5 离线储存问题
这个问题你可以尝试使用html5的web sql，这个东西可以完美的解决你这个需求。
至于操作方法这一块，相对比较复杂，我在这里也说不清楚，希望你能耐心的搜索一下，看一下教程。
‘贰’ HTML5的离线储存怎么使用，以及工作原理
原理：HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
方法：
1.在index.html里加上<html manifest="test.manifest">
2.manifest清单格式如下：
CACHE MANIFEST
#上面一句必须
#v1.0.0
#需要缓存的文件
CACHE:
a.js
b.css
#不需要缓存的文件
NETWORK:
*
#无法访问页面
FALLBACK:
404.html
3.manifest文件的mime-type必须是 text/cache-manifest类型。
‘叁’ HTML5离线存储有优势吗
我给你举例说下离线存储的作用。比如用HTML5做一个手机应用，用户使用的时候如果网络状况不佳，连接不上服务器，在没使用离线存储的情况下，应用是否就开天窗了？这样对于用户体验来讲肯定不舒服，我们至少得告诉用户连接失败的信息。
但是既然都没连接上，又如何把没连接上的信息告诉用户？
这个时候我们就用离线存储技术，将上次成功访问的数据保存下来，并且里面包含了下次调用这些存储数据时自动判断是否连接成功，如果不成功则显示失败的消息。
既然现在已经能显示失败的信息了，那为什么不干脆再多点有用的信息，这样就能让应用在离线状态下也能展现丰富的内容。
那既然都到这步了，我们为啥不可以把用户在离线状态下的某些操作(肯定是失败的)过程记录下来，等下次连接成功后实现操作的目的。
例如QQ空间，微博，微信，糗事网络，还有网络知道的客户端都是利用这样的离线存储，当然不一定是html5的，不过原理一样。离线状态下，你也能看到内容，只是不能更新内容，不过能将你更新内容的操作记录下来，待下次连接上了就能马上更新。
手机纯手打，给过吧？
‘肆’ html5 的离线储存方式有哪些
localStorage - 永久存储
sessionStorage -关闭页面消失
还可以创建本地数据库 -没研究过
‘伍’ HTML5 离线存储，有何不同
HTML5 提供了两种在客户端存储数据的新方法：
localStorage - 没有时间限制的数据存储 (关闭浏览器依然存在）
sessionStorage - 针对一个 session 的数据存储 （关闭浏览器后即清空）
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。
HTML5 使用 JavaScript 来存储和访问数据。
‘陆’ HTML5的离线储存怎么使用
很简单，该功能是浏览器实现的。浏览器提供了一个在用户机器上的存储，也就是存在用户机器上的。
‘柒’ html5本地存储和离线应用有什么区别
本地存储-谈到存储，一般说的是数据data，不管这个应用是在线还是离线。
离线应用-这个对应的是在线，也就是，没有网的情况下，也可以使用。
后者需要把代码、程序以及资源都放到本地，如果想要使用数据，则利用本地存储。
‘捌’ 什么是html5的是离线存储
Html5引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势：
离线浏览 – 用户可在应用离线时使用它们
速度 – 已缓存资源加载得更快
减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。
‘玖’ html5新增了离线缓存机制这说法对吗
这个不算是 新增吧。
随着现代浏览器的推动，Flash放弃对移动端的支持，HTML5无疑成为当前Web前端炙手可热的话题。各大游戏开发商、App开发商纷纷投入人力进行研究和技术储备。相信不久的将来，HTML5会迎来一个快速发展和普及的春天。那么，HTML5这个新一代的标准，又给我们带来哪些缓存机制呢？
HTML5 之离线应用Manifest
我们知道，使用传统的技术，就算是对站点的资源都实施了比较好的缓存策略，但是在断网的情况下，是无法访问的，因为入口的HTML页面我们一般运维的考虑，不会对其进行缓存。HTML5的Cache Mainifest离线应用特性就能够帮助我们构建离线也能使用的站点，所有的资源都使用浏览器本地缓存，当然前提是要求在联网的情形下使用过一次站点。
如何实现离线访问特性
实现的步骤非常简单，主要3个步骤：
1）在服务器上添加MIME TYPE支，让服务器能够识别manifest后缀的文件
AddType text/cache-manifest manifest
2）创建一个后缀名为.manifest的文件，把需要缓存的文件按格式写在里面，并用注释行标注版本
CACHE MANIFEST
# 直接缓存的文件
CACHE:
Path/to/cache.js
# version：2012-03-20
3）给 <html> 标签加 manifest 属性，并引用manifest文件
具体可以参考：HTML5 缓存: cache manifest
<html manifest=”path/to/name-of.manifest”>
离线应用访问及更新流程
第一次访问离线应用的入口页HTML（引用了manifest文件），正常发送请求，获取manifest文件并在本地缓存，陆续拉取manifest中的需要缓存的文件
再次访问时，无法在线离线与否，都会直接从缓存中获取入口页HTML和其他缓存的文件进行展示。如果此时在线，浏览器会发送请求到服务器请求manifest文件，并与第一次访问的副本进行比对，如果发现版本不一致，会陆续发送请求重新拉取入口文件HTML和需要缓存的文件并更新本地缓存副本
之后的访问重复第2步的行为
离线机制的缓存用途
从Manifest的机制来看，即使我们不是为了创建离线应用，也同样可以使用这种机制用于缓存文件，可以说是给Web缓存提供多一种可以选择的途径。
存在的问题：缓存文件更新控制不灵活
就目前HTML5提供的manifest机制来讲，一个页面只能引用一个manifest页面，而且一旦发现这个manifest改变了，就会把里面所有定义的缓存文件全部重新拉取一遍，不管实际上有没有更新，控制比较不灵活。针对这个问题，也有的同学提出了一些建议，比如把需要缓存的文件分模块切分到不同manifest中，并分开用HTML引用，再使用强大的iframe嵌入到入口页面，这样就当某一个模式需要有更新，不会导致其他模块的文件也重新拉取一遍。
HTML5 之本地存储localstorage
HTML5给我们提供本地存储localstorage特性，严格来讲，其实已经不算传统Web缓存的范畴。因为它存储的地方是跟Web缓存分开的，是浏览器重新开辟的一个地方。
localstorage的作用
本地存储localstorage的作用主要使Web页面能够通过浏览器提供的set/get接口，存储一些自定义的信息到本地硬盘，并且在单次访问或以后的访问过程中随时获取或修改。
Localstorage的使用
Localstorage提供了几个非常易用的Api，setItem/getItem/removeItem/clear，具体的可以参考：Html5 Step by Step(二) 本地存储
Localstorage的缓存用途
Localstorage设计的本意可能是用来存储一些用户操作的个性化设置的文本类型的信息和数据，当我们其实也可能拿来当Web缓存区使用，比如我们可以将Base64格式编码的图片信息，存在localstorage中，再次访问时，直接本地获取后，使用Css3的Data:image的方式直接展现出来。
存在的问题：大小限制
按照目前标准，目前浏览器只给每个独立的域名提供5m的存储空间，当存储超过5m，浏览器就会弹出警告框。
可以说，HTML5的Manifest和localstorage是给我们在考虑Web缓存的时候提供了多一种思路，当你开发的应用只面对现代浏览器的时候，不妨可以考虑一下
‘拾’ html5离线存储有几种方式
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
目标
解决4k的大小问题
解决请求头常带存储信息的问题
解决关系型存储的问题
跨浏览器
1.本地存储localstorage
存储方式：
以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
大小：
每个域名5M