HTML5 存储API介绍（采集）

　　相应的路径均与用户正在访问的HTML页面相关。 当创建高速缓存manifest文件时，你必须了解一些其它选项。 其中一个选项是绝不能高速缓存的文件的情形。 也许只有就能在线获得的动态脚本或个别内容才是有意义的。 高速缓存manifest文件才能界定为告知浏览器怎样对个别内容进行响应的区段（section）。 通过创建一个 NETWORK和列举这些绝不能高速缓存的文件，浏览器一定就能忽视那些文件而且使人们决不能离线获得它们。

　　另一个情形是当用户企图访问一个没有高速缓存的页面或个别应当高速缓存但却没有正确保存的内容时的情形。 高速缓存 manifest API 能够提供一个FALLBACK 区段（section），它指向一个在上述用例中加载的页面。 因此，当用户企图访问没有保存的个别内容时，他们将见到一条关于离线提示的消息。 下面是一个理论上的收录那些区段（section）的高速缓存Manifest文件的大约构架：

　　CACHE MANIFEST NETWORK: my_dynamic_script.cgi FALLBACK: my_offline_message.html CACHE: style.css offlinescript.js images/dreamweaver_logo.png images/edge_logo.png

　　在本例中，我提供了一个带有一个外部JavaScript 页面和外部 CSS页面的HTML页面。 该HTML页面就能显示一些描述一个Adobe徽标的文本，并且当你点击相应的图象时，JavaScript 将会为另一个徽标换出相应的图象和文本。 下面是相应的HTML代码，紧跟其后的是JavaScript函数：

　　DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><br /><br /> <br /> Adobe Logos<br /> <br /> <br /><br /><br /> <br /> This is the Edge logo:<br /> <br /> <br /> <br /> Click on the logo to swap it out.<br /><br /><br />

　　所有那些代码的关键部份是带有 manifest 属性的HTML标签。 它是指向我在里面引用的我的cache.manifest 文件。 该manifest文件才能指示浏览器下载列表中给出的所有文件。 不管用户在浏览那些文件时是否下载它们，相应的浏览器将手动下载manifest文件中收录的所有文件。 这意味着两个图象都将被保存便于离线访问，即使第二个图象直至我与相应内容互动时才加载到页面。 因此，只需加载该页面一次，我即可以在离线情形下完全与它进行互动，并且两个图象均会旋转。