支持離線 Web 應(yīng)用開發(fā)是 HTML5 的另一個重點(diǎn)。所謂離線 Web 應(yīng)用，就是在設(shè)備不能上網(wǎng)的情況下仍然可以運(yùn)行的應(yīng)用。
開發(fā)離線Web 應(yīng)用需要幾個步驟。首先是確保應(yīng)用知道設(shè)備是否能上網(wǎng)，以便下一步執(zhí)行正確的操作。然后，應(yīng)用還必須能訪問一定的資源（圖像、Javascript、CSS等），只有這樣才能正常工作。最好，必須有一塊本地空間用戶保存數(shù)據(jù)，無論能否上網(wǎng)都不妨礙讀寫。
HTML5 及其相關(guān)的 API讓開發(fā)離線應(yīng)用成為現(xiàn)實。
離線檢測
要知道設(shè)備是否在線還是離線，HTML5 定義了一個 navigator.onLine 屬性，這個屬性值為 true 表示設(shè)備能上網(wǎng)，值為 false 表示設(shè)備離線。
if (navigator.onLine) { // 正常工作} else { // 執(zhí)行離線狀態(tài)時的任務(wù)}由于 navigator.onLine 存在一定的兼容性問題，因此除了 navigator.onLine 屬性之外，為了更好地確定網(wǎng)絡(luò)是否可用，HTML5 還定義了兩個事件 online 和 offline。
當(dāng)網(wǎng)絡(luò)在離線和在線之間切換時在 window 對象上觸發(fā)這兩個事件：
window.addEventListener('online', function() { // 正常工作});window.addEventListener('offline', function() { // 執(zhí)行離線狀態(tài)時的任務(wù)});在實際應(yīng)用中，最好在頁面加載后，最好先通過 navigator.onLine 取得初始的狀態(tài)。然后通過上述兩個事件來確定網(wǎng)絡(luò)連接狀態(tài)是否變化。當(dāng)上述事件觸發(fā)時，navigator.onLine 屬性的值也會改變，不過必須要手工輪詢這個屬性才能檢測到網(wǎng)絡(luò)狀態(tài)的變化。
應(yīng)用緩存
HTML5 的應(yīng)用緩存（application cache），或者簡稱為 appcache，是專門為開發(fā)離線 Web 應(yīng)用而設(shè)計的。Appcache 就是從瀏覽器的緩存中分出來的一塊緩存區(qū)。要想在這個緩存中保存數(shù)據(jù)，可以使用一個描述文件（manifest file），列出要下載和緩存的資源。描述文件示例：
CACHE MANIFEST# Commentfile.jsfile.css
然后在 html 中引用：
<html manifest="./xxx.manifest">
xxx.manifest 文件的 MIME 類型必須是 text/cache-manifest。
該 API 的核心是 applicationCache 對象，這個對象有一個 status 屬性，屬性的值是常量，表示應(yīng)用緩存的如下當(dāng)前狀態(tài)：
相關(guān)事件：
一般來講，這些事件會隨著頁面加載按上述順序依次觸發(fā)。也可以通過調(diào)用 update() 方法手動觸發(fā)上述事件。
數(shù)據(jù)存儲
Cookie
HTTP Cookie，通常直接叫做 cookie，是在客戶端用于存儲會話信息的。該標(biāo)準(zhǔn)要求服務(wù)器對任意 HTTP 請求發(fā)送 Set-Cookie HTTP 頭信息作為響應(yīng)的一部分，其中包含會話信息。服務(wù)器響應(yīng)頭示例：
HTTP/1.1 200 OK
Content-type: text/html
Set-Cookie: name=value
Other-header: other-header-value
然后瀏覽器 Set-Cookie 的會話信息，之后為每個請求添加 Cookie HTTP 頭將信息發(fā)送回服務(wù)器，如下所示：
GET /index.html HTTP/1.1
Cookie: name=value
Other-header: other-header-value
發(fā)送回服務(wù)器的額外信息可以用于唯一驗證客戶來自于發(fā)送的哪個請求。
完整的 cookie 包括：
新聞熱點(diǎn)
疑難解答
