本篇文章給大家帶來的內容是關于HTML5應用：離線的應用以及存儲的應用，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

1.離線應用

離線應用是 HTML 5 新增的以想功能，旨在幫助用戶在沒有網絡的情況下，也可以使用 web html' target='_blank'>應用程序。
HTML 5 離線功能，包含【離線資源緩存】、【在線狀態監測】、【本地數據存儲】。

離線資源緩存 - 通過瀏覽器機制，將在線資源緩存到本地，當用戶離線訪問應用程序時，這些資源文件自動從本地加載，從而讓用戶可以正常的使用應用程序。

在線狀態監測 - 有些應用需要跟服務器做一些數據的交互，應用開發者需要知道瀏覽器是否處于在線狀態，HTML 5 提供了在線狀態監測。（window.online = function(){}）

本地數據存儲 - 當應用程序處于離線狀態時，程序需要把用戶產生的數據存儲到本地，以便于在線時同步到服務器上。為此，HTML 5 提供了多種本地存儲機制。

離線 web 應用對比普通的 web 應用，多了一個描述文件，用于列出【需要緩存】和【永不緩存】的資源。該文件擴展名為【.appcache】，描述文件的 mime-type 類型為 “text/cache-manifest”。

offline.appcache 文件的代碼如下

CACHE MANIFEST#cache 之后的資源都會被緩存CACHE:main.htmlstyle.cssmain.js#network 之后的資源不會被緩存，總是從線上獲取NETWORK:account/

如果離線化應用程序，只需將 .html 文件 和 manifest 描述文件關聯起來即可

 html manifest= ./offline.appcache /html 

2.LocalStorage（本地存儲） 和 SessionStorage（會話存儲）

cookie 的弊端

大小受限 - 標準瀏覽器下，單個Cookie 的大小為 4kb。

消耗性能 - 當前域下的所有 http 請求都會攜帶這些 Cookie 數據。

HTML5 的本地存儲為每個網站分配的空間時 【5MB】

LocalStorage 和 SessionStorage 的區別
前者會一直存儲在本地，直到手動清除；
后者則存活在當前頁面的生命周期中，一旦頁面關閉，存儲的數據也會消失。

相關文章推薦：

link標簽鏈接CSS和@import加載有什么區別？

html5 canvas用來繪制弧形的代碼實現

Html5中postmessage實現子父窗口傳值的代碼

以上就是HTML5應用：離線的應用以及存儲的應用的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。