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-manifest
2,<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.jpg
NETWORK: #罗列所有不需要被缓存的文件。网络在线的
* #时候都会直接跳过缓存。如果网络通畅的时候
#想即使更新缓存文件，那么就用* 星号为在线白名单通配符
FALLBACK: #部分使用/字符定义一个url模板。当访问每个页
//offline.html #时都会问 “缓存中有这个页面吗”如果没有就
#显示指定的offline.html 文件
4、还有一种方法设置offline.manifest文件。任何文件追加了manifest标签的页面在被用户访问时都会被自动加入到本地缓存。
offline.manifest 文件里写
CACHE MANIFEST
#Cache Manifest Vi
FALLBACK:
//offline.html
NETWORK:
*
但是这样缓存的方法只会下载和缓存用户访问的html页面，不会缓存页面内映入的图片，javascript 和其他资源文件。如果那些资源是必须得 就按早第一种方法设置