html-完整Manifest文件的实例 1、什么是应用缓存（ApplicationCache） HTML5引入了应用缓存，即web应用可以缓存，连接时不用Access也可以使用互联网。 离线缓存： 离线缓存可以在本地缓存本站的部分文件。它是浏览器本身的一种机制。 缓存需要的文件，这样即使没有联网也可以稍后缓存。页面也可以显示。 即使有网络也优先考虑本地存储的资源2.应用缓存给应用带来三个优势：离线浏览-用户在离线时也可以使用应用 *速度-缓存的资源加载速度更快 *减少服务器加载-浏览器只会从服务器下载更新或更改的资源。 *【 当没有网络时，可以访问相应的缓存站点页面，包括html、js、css、img等文件 当有网络时，浏览器也会优先访问使用离线存储的文件，返回200（来自缓存）标头。这一点不同于HTTP的缓存使用策略 资源缓存可以带来更好的用户体验。当用户使用自己的流量上网时，本地缓存不仅可以提高用户访问速度，还可以大大节省用户流量。 ]3.如何实现离线缓存：a)CacheManifestBasics要启用应用程序缓存，请在文档的标签中包含manifest属性： *在需要的html根节点上添加属性待缓存manifest，属性值为.appcache文件； Appcache是??一个控制缓存文件 *在同级目录下创建一个demo.appcache文件，并添加配置项 b)Manifest文件manifest文件是一个简单的文本文件，它告诉浏览器要做什么缓存（以及不缓存的内容）。 manifest文件可分为三个部分： CACHEMANIFEST-此标题下列出的文件将在首次下载后缓存 NETWORK-此标题下列出的文件需要连接到服务器，并且不会被缓存 FALLBACK-此标题下列出的文件指定页面无法访问时的回退页面（如404页面） *CACHEMANIFEST 第一行，CACHEMANIFEST，是必需的： CACHEMANIFEST /theme.css /logo.gif /main.js 上面的清单文件列出了三个资源：一个CSS文件,GIF图像,JavaScript文件 *NETWORK?NETWORK: login.php * *FALLBACK FALLBACK: /html/ /offline.html 第一个URI是资源，第二个是回退。4.更新缓存：一旦应用被缓存，它将一直保持缓存状态，直到出现以下情况： 用户清除浏览器缓存 manifest文件被修改 应用缓存被程序更新5，在服务器端将.appcache文件的mime类型配置为text/cache-manifest 下面以phpstudy为例打开 ，mime.types，添加---- 6最后，在网页应用程序缓存注意事项**上打开 ------------提示：“#”开头的行是注释行，（#2012-02-21v1.0.0)但它也可以用于其他目的。应用程序的缓存仅在其清单文件更改时更新。如果您编辑图像或修改JavaScript函数，这些更改将不会重新缓存。更新注释行中的日期和版本号是让浏览器重新缓存文件的一种方法。**浏览器可能对缓存数据有不同的限制（某些浏览器对每个站点有5MB的限制）。
