HTML5缓存机制

背景

离线缓存是HTML5提供的新功能.利用HTML5提供的离线缓存功能可以将站点的一些常用的文件缓存到本地，在没有网络的情况下依旧可以访问缓存的页面。 可以被缓存的文件类型有很多，包括但不限于html,css,js,静态图片资源等。

事实上，离线缓存不仅仅在没有网络的情况下会被使用，当有网络的情况下，本地缓存过的文件依旧会被优先使用。有网络的情况下，浏览器会返回200,

离线缓存有很多好处。第一，可以有效提高用户体验，节约用户流量。第二，可以提高页面加载速度，已缓存的资源加载的更快。 第三，可以减少服务器负载，浏览器将只从服务器下载更新过或者更改过的资源。

浏览器支持

基本上所有的主流浏览器都支持，除了IE,毕竟奇葩，像这种浏览器，还是不要去兼容了。

Manifest

要想在页面上使用离线缓存，只需要在页面的html 加入一个manifest属性，使用方法如下。