html5如何缓存
1、第一步：创建.manifest 文件 我在自己的文件目录里面创建了offline.manifest文件在要缓存的页面 指定.manifest文件 ，文件名随意。在每一个要缓存的页面 上都要写上manifest="xxx.xx" 写的offline.manifest文件路径一定要正确。不然会报错<html manifest="offline.manifest">
2、第二步：如果你使用的是Apache 服务器1,修改.htaccess 追加AddType text/cache-manifest.manifest 保证了.manifest 文件拥有正确的mime类型，即text/cache-manifest2,<Files offline.manifest> ExpiresActive On ExpiresDefault "access" </Files>这一段代码，是组织浏览器缓存缓存文件，因为offline.manifest是一个静态文件，浏览器默认就会缓存offline.manifest文件。所以上面几行代码就是让服务器告诉浏览器不要这么干
3、第三步：offline.manifest 文件写要缓存的文件CACHE MANIFEST #必须以CACHE MANIFEST 开头#One1 #注明manifest文件版本号CACHE: #罗列所有离线使用所需要的文件index.html #这些都是需要缓存的文件css/css.css #这些文件的路径都是绝对路径img/jjj.jpgNETWORK: #罗列所有不需要被缓存的文件。网络在线的* #时候都会直接跳过缓存。如果网络通畅的时候#想即使更新缓存文件，那么就用* 星号为在线白名单通配符FALLBACK: #部分使用/字符定义一个url模板。当访问每个页//offline.html #时都会问 “缓存中有这个页面吗”如果没有就#显示指定的offline.html 文件
4、还有一种方法设置offline.manifest文件。任何文件追加了manifest标签的页面在被用户访问时都会被自动加入到本地缓存。offline.manifest 文件里写CACHE MANIFEST#Cache Manifest ViFALLBACK://offline.htmlNETWORK:*但是这样缓存的方法只会下载和缓存用户访问的html页面，不会缓存页面内映入的图片，javascript 和其他资源文件。如果那些资源是必须得 就按早第一种方法设置