近期接觸了HTML5本地緩存，在HTML頁(yè)面的html標(biāo)簽加入后綴為.appcache的文件，即可以輕松地創(chuàng)建 web 應(yīng)用的離線版本。
使用本地緩存帶來的好處：
- 離線瀏覽 - 用戶可在應(yīng)用離線時(shí)使用它們
- 速度 - 已緩存資源加載得更快
- 減少服務(wù)器負(fù)載 - 瀏覽器將只從服務(wù)器下載更新過或更改過的資源。
瀏覽器支持：
所有主流瀏覽器均支持應(yīng)用程序緩存，除了 IE
HTML5 Cache Manifest 實(shí)例
下面的例子展示了帶有 cache manifest 的 HTML 文檔（供離線瀏覽）：
HTML頁(yè)面
demo.appcache文件
Cache Manifest 基礎(chǔ)
如需啟用應(yīng)用程序緩存，請(qǐng)?jiān)谖臋n的 <html> 標(biāo)簽中包含 manifest 屬性：
<!DOCTYPE HTML> <html manifest="demo.appcache"> ... </html>
每個(gè)指定了 manifest 的頁(yè)面在用戶對(duì)其訪問時(shí)都會(huì)被緩存。如果未指定 manifest 屬性，則頁(yè)面不會(huì)被緩存（除非在 manifest 文件中直接指定了該頁(yè)面）。
manifest 文件的建議的文件擴(kuò)展名是：".appcache"。
請(qǐng)注意，manifest 文件需要配置正確的 MIME-type，即 "text/cache-manifest"。必須在 web 服務(wù)器上進(jìn)行配置。
Manifest 文件
manifest 文件是簡(jiǎn)單的文本文件，它告知瀏覽器被緩存的內(nèi)容（以及不緩存的內(nèi)容）。
manifest 文件可分為三個(gè)部分：
- CACHE MANIFEST - 在此標(biāo)題下列出的文件將在首次下載后進(jìn)行緩存
- NETWORK - 在此標(biāo)題下列出的文件需要與服務(wù)器的連接，且不會(huì)被緩存
- FALLBACK - 在此標(biāo)題下列出的文件規(guī)定當(dāng)頁(yè)面無法訪問時(shí)的回退頁(yè)面（比如 404 頁(yè)面）
Manifest 使用總結(jié)：
- HTML頁(yè)面添加.appcache的文件后，PC端和手機(jī)端瀏覽器都可離線緩存文件
- 添加了.appcache的頁(yè)面本身也會(huì)被緩存
- 如果修改時(shí)間戳文件，而沒有修改.appcache的文件，則不可以更新瀏覽器緩存文件
- HTML頁(yè)面引入.appcache的文件后，只有修改.appcache的文件，才能更新緩存文件
有了 .appcache文件后，HTML時(shí)間戳文件是否失去了它原來的意義呢？
也許當(dāng)IE的低版本去見馬克思后，當(dāng)所有瀏覽器都支持HTML5應(yīng)用程序緩存后，HTML時(shí)間戳文件才可能退休，至少在目前，還是離不開平凡更新的時(shí)間戳文件。而使用.appcache文件來更新瀏覽器緩存，目前主要應(yīng)用在移動(dòng)終端。
參考文章：
http://www.w3school.com.cn/html5/html_5_app_cache.asp