㈠ HTML5究竟好在哪兒
HTML 5是近十年來Web開發標准最巨大的飛躍。和以前的版本不同，HTML 5並非僅僅用來表示Web內容，它的新使命是將Web帶入一個成熟的應用平台，在HTML 5平台上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標准化。
HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標准。
HTML 的上一個版本誕生於 1999 年。自從那以後，Web 世界已經經歷了巨變。
HTML5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。
HTML5 是如何起步的?
HTML5 是 W3C 與 WHATWG 合作的結果。
注1：W3C 指 World Wide Web Consortium，萬維網聯盟。
注2：WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力於 web 表單和應用程序，而 W3C 專注於 XHTML 2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。
為 HTML5 建立的一些規則：
新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
減少對外部插件的需求(比如 Flash)
更優秀的錯誤處理
更多取代腳本的標記
HTML5 應該獨立於設備
開發進程應對公眾透明
HTML5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出， 於2007年被W3C接納，並成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案已公布,預計將在2010年9月正式向公眾推薦。WHATWG表示該規范是目前正在進行的工作，仍須多年的努力。
新標記
HTML5提供了一些新的元素和屬性，例如(網站導航塊)和。這種標簽將有利於搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如和標記。
一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記，如和
，它們已經被CSS取代。
新特性
HTML5 中的一些有趣的新特性：
用於繪畫的 canvas 元素
用於媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，比如 article、footer、header、nav、section
新的表單控制項，比如 calendar、date、time、email、url、search
瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
HTML5: 標簽的改變
HTML5 吸取了 XHTML 2 的一些建議，包括一些用來改善文檔結構的功能，比如，新的 HTML 標簽 header, footer, dialog, aside, fugure 等的使用，將使內容創作者更加語義地創建文檔，之前的開發者在這些場合是一律使用 div 的。
HTML5 還包含了一些將內容和展示分離的努力，開發者們也許會驚訝，b 和 i 標簽依然存在，但它們的意義已經和之前有所不同，這些標簽的意義只是為了將一段文字標識出來，而不是為了為它們設置粗體或斜體式樣。u，font，center，strike 這些標簽則被完全去掉了。
新標准適用了一些全新的表單輸入對象，包括日期，URL，Email 地址，其它的對象則增加了對非拉丁字元的支持。HTML5 還引入了微數據，一種使用機器可以識別的標簽標注內容的方法，使語義 Web 的處理更為簡單。總的來說，這些與結構有關的改進使內容創建者可以創建更干凈，更容易管理的網頁，這樣的網頁對搜索引擎，對讀屏軟體等更為友好。
新應用程序介面（API）
除了原先的DOM介面，HTML5增加了更多API,如：
1. 用於即時2D繪圖的Canvas標簽
2. 定時媒體回放
3. 離線資料庫存儲
4. 文檔編輯
5. 拖拽控制
6. 瀏覽歷史管理
與HTML 4的不同之處
新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput元素的新屬性：日期和時間，email, url。新的通用屬性：ping, charset, async全域屬性：id, tabindex, repeat。移除元素：center, font, strike。
HTML 5有兩大特點:
首先，強化了Web網頁的表現性能。除了可描繪二維圖形外，還准備了用於播放視頻和音頻的標簽。
其次，追加了本地資料庫等Web應用的功能。
異常處理
HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的詳細規則，力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。
HTML 5 正在改變 Web
HTML5 是近十年來 Web 標准最巨大的飛躍。和以前的版本不同，HTML 5 並非僅僅用來表示 Web 內容，它的使命是將 Web 帶入一個成熟的應用平台，在這個平台上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標准化。盡管 HTML 5 的實現還有很長的路要走，但 HTML 5 正在改變 Web。
HTML 最近的一次升級是1999年12月發布的 HTML 4.01。自那以後，發生了很多事。最初的瀏覽器戰爭已經結束，Netscape 灰飛煙滅，IE5 作為贏家後來又發展到 IE6, IE7。Mozilla Firefox 從 Netscape 的死灰中誕生，並躍居第二位。蘋果和 Google 各自推出自己的瀏覽器，而小家碧玉的 Opera 仍然嚶嚶嗡嗡地活著，並以推動 Web 標准為己命。我們甚至在手機和游戲機上有了真正的 Web 體驗，感謝 Opera，iPhone 以及 Google 已經推出的 Android。
然而這一切，僅僅讓 Web 標准運動變得更加混亂，HTML 5 和其它標准被束之高閣，結果，HTML 5 一直以來都是以草案的面目示人。
於是，一些公司聯合起來，成立了一個叫做 Web Hypertext Application Technology Working Group (Web 超文本應用技術工作組 - WHATWG) 的組織，他們將重新揀起 HTML 5。這個組織獨立於 W3C，成員來自 Mozilla， KHTML/Webkit 項目組，Google，Apple，Opera 以及微軟。盡管 HTML 5 草案不會在短期內獲得認可，但 HTML 5 總算得以延續。
HTML 5 將帶來什麼?以下是 HTML 5 草案中最激動人心的部分：
全新的，更合理的 Tag，多媒體對象將不再全部綁定在 object 或 embed Tag 中，而是視頻有視頻的 Tag，音頻有音頻的 Tag。本地資料庫。這個功能將內嵌一個本地的 SQL 資料庫，以加速互動式搜索，緩存以及索引功能。同時，那些離線 Web 程序也將因此獲益匪淺。不需要插件的富動畫。Canvas 對象將給瀏覽器帶來直接在上面繪制矢量圖的能力，這意味著我們可以脫離 Flash 和 Silverlight，直接在瀏覽器中顯示圖形或動畫。一些最新的瀏覽器，除了 IE，已經開始支持 Canvas。瀏覽器中的真正程序。將提供 API 實現瀏覽器內的編輯，拖放，以及各種圖形用戶界面的能力。內容修飾 Tag 將被剔除，而使用 CSS。理論上講，HTML 5 是培育新 Web 標準的土壤，讓各種設想在他的組織者之間分享，但 HTML 5 目前仍處於試驗階段。
Mozilla 的技術副總裁 Mike Shaver 說，HTML 5 是一個被寄予厚望的概念，它既是 WHATWG 組織的實驗田，又是 W3C 的標准之路。
Shaver 認為，Mozilla 的興趣和 WHATWG 實驗相吻合，Mozilla 在 HTML 5 工作組中非常活躍，我們對一些早期的細則進行實驗並將成熟的結果提交 W3C。
在過去的幾年，Mozilla 隨著各種出現的新標准，推出多個富有前瞻性的項目，包括 Prism，一個用於離線運行 Web 程序的系統，以及 Weave，一個數據存儲框架。
Shaver 說，HTML 5 運動肇始於對 W3C 的不耐煩，Web 標准中的很多進展都因 W3C 將重點從 HTML 轉移到 XML 而停滯不前。
很多基於 XML 架構的新技術被設計出來替代 HTML，Shaver 說，這不是一條正確的道路，人們不應象黑瞎子掰玉米把樣一邊掰一邊丟。
HTML 5 的新實驗在 Firefox 以及 基於 Webkit 的 Safari 和 Chrome 瀏覽器中逐漸得到強化，但仍有不少問題。
Chrome 的開發者 Darin Fisher 說，Chrome 仍在襁褓中時，就不得不面臨幾個問題，盡管使用的是最新的 Webkit，HTML 5 的本地資料庫功能在 Chrome 的初期版本中並沒有實現。因為 Chrome 的沙箱機制和 Webkit 的資料庫功能有沖突。
而由於 Chrome 屬於秘密開發，Chrome 的開發人員也不便參與 Webkit 的開發。
我們要想保守 Chrome 的秘密，就無法參與 Webkit 社區。Fisher 說，我們很希望可以在某些方面給 Webkit 以幫助，我們擁有眾多經驗豐富的開發者，我們很想知道人們目前遇到的挑戰並樂意提供幫助。
隨著 Chrome 的發布，Fisher 說他的團隊成員有時會和 Webkit 的人一起吃飯，有些人私下裡還成了好朋友。Fisher 稱，他們迫切地想同其他 Webkit 開發組一起工作解決離線資料庫的問題。
Chrome 裡面還包含Google 的開源 Gears 技術，用來實現與 HTML 5 類似的離線功能。
Gears 可以看作已有 API 的替代品，Fisher 說，HTML 5 對新瀏覽器來說是非常好的東西，但絕大多數用戶還使用舊瀏覽器。Gears 可以讓那些舊瀏覽器也獲得這樣的 API，我們正在為 HTML 5 版 API 提供兼容。
Gears 兼容性非常好，它正成為將 HTML 5 帶向人們桌面的另外一條途徑。
目前，絕大多數工作由 Apple，Mozilla, Opera, Google 以及 Trolltech 展開。微軟在干什麼?IE 因其對 Web 標準的遲鈍而聞名，更不要說 HTML 5。但 IE8 可能會做出改變。
微軟 IE 平台與 WHAT 工作組主席 Chris Wilson 在郵件中稱，我們希望我們現在開始的工作可以在 HTML 工作組創建一套測試系統。Wilson 說，IE 開發組仍然對 HTML 5 的一些提議感到擔憂。我覺得工作組的所有成員都會承認我們還有很多事要做。
目前處於 Beta 版的 IE8，已經包含 HTML 5 的諸多新功能。它擁有一個跨文檔消息系統，本地存儲，以及一些離線事件來檢測網路的中斷。但還有些功能還未提上議程，如 Canvas。
HTML 5 非常龐大，仍處在開發階段，我認為瀏覽器廠商應當盡快達成一致，而每個瀏覽器的具體實現時間可以自己選擇。Web 開發者和瀏覽器廠商會同意 Wilson 的下面這句話，這確切無疑是一個激動人心的時刻，我們希望看到 Web 成為新的應用平台。
對你一定會有幫助，這個是我之前收集的，望採納。
㈡ HTML5離線存儲有優勢嗎
我給你舉例說下離線存儲的作用。比如用HTML5做一個手機應用，用戶使用的時候如果網路狀況不佳，連接不上伺服器，在沒使用離線存儲的情況下，應用是否就開天窗了？這樣對於用戶體驗來講肯定不舒服，我們至少得告訴用戶連接失敗的信息。
但是既然都沒連接上，又如何把沒連接上的信息告訴用戶？
這個時候我們就用離線存儲技術，將上次成功訪問的數據保存下來，並且裡麵包含了下次調用這些存儲數據時自動判斷是否連接成功，如果不成功則顯示失敗的消息。
既然現在已經能顯示失敗的信息了，那為什麼不幹脆再多點有用的信息，這樣就能讓應用在離線狀態下也能展現豐富的內容。
那既然都到這步了，我們為啥不可以把用戶在離線狀態下的某些操作(肯定是失敗的)過程記錄下來，等下次連接成功後實現操作的目的。
例如QQ空間，微博，微信，糗事網路，還有網路知道的客戶端都是利用這樣的離線存儲，當然不一定是html5的，不過原理一樣。離線狀態下，你也能看到內容，只是不能更新內容，不過能將你更新內容的操作記錄下來，待下次連接上了就能馬上更新。
手機純手打，給過吧？
㈢ 如何使用下面的HTML5功能創建離線的網頁和應用程序
在這篇文章中，我們將展示如何創建乖巧離線的網頁和應用程序使用下面的HTML5功能：
AppCache本地存儲文件資源，離線訪問它們作為URL
索引型資料庫存儲結構化數據在本地，你可以訪問和查詢它
DOM存儲在本地存儲少量的文字信息，
離線事件來檢測，如果你€ 重新連接到網路
離線的'蛋糕'這個詞使用的食譜網站的搜索結果。
作為一個開發者，你可以使這些類型的場景相結合的離線技術：AppCache，索引型資料庫，DOM存儲，WebSockets的（或XHR）。在探索個人的技術，讓我們的探討的好處。
Metro風格的應用程序和網站，離線技術讓你來處理連接故障。想像一下，您的用戶填寫一個表格，他失去網路連接。您的網站或Metro風格的應用程序應該怎麼做呢？連接自由發展的心態可以讓您的應用程序是否連接到網路或不正確地獨立工作。你的應用程序將正常工作。
在更復雜的情況下，Web站點和應用程序允許用戶創建新的內容，並存儲新的數據，即使應用程序是完全離線。試想一下，無縫地工作在離線狀態下，如Outlook今天的Outlook Web Access（OWA）的Hotmail或GMail。
離線技術也可以通過本地緩存的資源服務，預緩存將來信息和轉移從雲（或網路）到客戶端設備的處理能力，提高整體性能。信息越多，你€™重新能夠緩存在本地，在本地搜索，並計算在本地伺服器和用戶的體驗將更快，需要更少的資源熱轉印機。
有一個Metro風格的應用程序離線工作的期望高於網站的離線工作。因為他們使用從商店的自我包含的程序包部署，用戶希望他們有某種類型的離線功能（如游戲，書籍，食譜等）。即使這些應用程序是無法創建或訪問新的內容，以前的內容應該是可見的（例如聯系人，會議，飼料，雜志等）。
本地緩存文件資源使用AppCache
AppCache使您能夠創建長壽命的本地緩存下載的文件資源，資源可以訪問而離線或使用的同時在線，以提高性能。試想一下，一個三歲的孩子使用一台筆記本電腦，下載一個互動式的Web的游戲（KidsBook）從您的家庭網路。如果應用程序的資源存儲在本地，孩子可以繼續在車上玩游戲，那裡沒有網路連接。
如果KidsBook使用AppCache，本場比賽將有緩存必要的資源（的JavaScript，HTML，CSS，音頻，視頻等）時，先下載後從網路上斷開時，播放的游戲。這可以讓孩子保持愉悅，即使設備本身沒有網路連接。
AppCache創作流程。
要看到如何啟用互動網頁游戲離線工作，檢查出KidsBook的IE Test Drive網站上的例子。
AppCache使用一個manifest文件，以緩存的內容從網站上指定資源的URI。幕後發生後，瀏覽器顯示網頁，它允許在清單文件中定義的資源被下載的緩存。這保證了資源下載到本地機器上，作為一個單位在一個事務中，創建一個本地的緩存。如果一個單一的資源下載失敗，沒有創建高速緩存。要更新存儲在緩存中的內容，在您的伺服器更新清單文件。當用戶下次訪問該網站時，瀏覽器比較明顯的伺服器上的文件的緩存副本。如果緩存的艙單副本是不同的伺服器副本，新版本更新清單文件中定義的內容高速緩存的使用。
AppCache還允許Internet Explorer和Metro風格的應用程序在離線狀態下使用傳統的URL的訪問緩存的資源。這可以讓你在瀏覽器窗口中鍵入一個URL，並沒有任何網路連接的情況下訪問此信息。此外，離線頁可以解決的URI使用本地緩存的信息。代碼示例來看看在HTML5應用程序緩存（「œAppCacheâ）部分中的IE10開發人員指南。
總體而言，AppCache提供了一定的優勢HTTP的緩存。HTTP緩存沒有噸保證緩存的資源之後將TIF（臨時Internet文件）將被清除。此外，HTTP緩存沒有€™噸正確地解決在離線狀態下的URL。然而，HTTP緩存可用於優化AppCache的行為，通過指定的緩存資源的生命周期。如果從網站上下載或復制的資源從緩存的本地高速緩存中創建一個新的版本時，這將決定。
Metro風格的應用可以受益於AppCache通過在本地緩存的Web資源的訪問的頁框，它允許離線訪問的內容。
高速緩存大型本地使用索引型資料庫的結構化數據
索引型資料庫是一個本地JavaScript對象存儲在本地機器上的資料庫，允許快速索引和搜索的對象。前面介紹的食譜網站，包括16食譜從父站點中提取的資料庫。想像一下，用一個RSS feed，一個WebSocket或XHR連接的，定期更新這個資料庫。這將使您的用戶能夠訪問到最新的食譜，即使他們有沒有網路連接。
索引型資料庫，您可以直接操作和索引的JavaScript對象。使用索引型資料庫搜索本地信息的優點是它不會強迫你總是在雲中搜索，降低了計算成本。這是假設你€™重新能夠維持，是緩存在本地系統中的數據的相關性。
㈣ html5離線存儲緩存列表可以動態生成嗎
html5離線存儲緩存列表可以動態生成
最簡單來說，一個離線網路應用程序就是一個URL的列表——HTML，CSS，JavaScript，圖片，或者其他類型的資源。離線網路應用程序的主要指向一個叫做名單文件並用於定位網路伺服器上的資源列表。用於執行HTML5離線以用程序的網路瀏覽器將從名單文件中讀取URL列表，下載這些資源，將他們在本地緩存，並自動在這些本地副本改變時保持他們更新。當你嘗試在沒有網路連接時訪問網路應用程序，你的網路瀏覽器將自動切換並使用本地代替。
最新的主流的瀏覽器中都已添加了對HTML5的offlineStorage功能的支持，HTML5離線存儲功能非常強大，它的作用是：在用戶沒有與網際網路連接時，照樣可以訪問站點或應用，在用戶與網際網路連接時，自動更新緩存數據，是我們的網站的適應性和應用型更強！
例如一些在線游戲的某些文件可以使用離線存儲緩存到本地，這樣就不用每次刷新頁面都要下載了。對於傳統的瀏覽器緩存是無法控制的，瀏覽器有自己的緩存規則，我們無法實現緩存什麼不緩存什麼。但是使用離線存儲可以緩存任何內容，包括可以自定義哪些可以被緩存，哪些必須聯網才能訪問。
離線存儲所保存的不是應用中的某些數據，而是站點的某個些文件的副本，即html頁面或圖片等，而不是僅僅存儲一段json或xml。
㈤ HTML5存儲類型有什麼區別
1.本地存儲localstorage
存儲方式：
以鍵值對(Key-Value)的方式存儲，永久存儲，永不失效，除非手動刪除。
2.本地存儲sessionstorage
HTML5 的本地存儲 API 中的 localStorage 與 sessionStorage 在使用方法上是相同的，區別在於 sessionStorage 在關閉頁面後即被清空，而 localStorage 則會一直保存。
3.離線緩存（application cache）
本地緩存應用所需的文件
使用方法：
①配置manifest文件
4.Web SQL
關系資料庫，通過SQL語句訪問
Web SQL 資料庫 API 並不是 HTML5 規范的一部分，但是它是一個獨立的規范，引入了一組使用 SQL 操作客戶端資料庫的 APIs。
5.IndexedDB
索引資料庫 (IndexedDB) API（作為 HTML5 的一部分）對創建具有豐富本地存儲數據的數據密集型的離線 HTML5 Web 應用程序很有用。同時它還有助於本地緩存數據，使傳統在線 Web 應用程序（比如移動 Web 應用程序）能夠更快地運行和響應。
㈥ phpstudy如何離線下載資料庫
可以試著利用HTML5的本地資料庫，不過HTML5此功能還未標准化，可能會有瀏覽器兼容的問題。
phpStudy是一個PHP調試環境的程序集成包。該程序包集成Apache、PHP、MySQL、phpMyAdmin、ZendOptimizer，一次性安裝，無須配置即可使用，是非常方便好用的PHP調試環境。
可以從phpstudy官網下載最新phpstudy版本，目前最新版本為v8.0。
㈦ HTML5 離線存儲，有何不同
HTML5 提供了兩種在客戶端存儲數據的新方法：
localStorage - 沒有時間限制的數據存儲 (關閉瀏覽器依然存在）
sessionStorage - 針對一個 session 的數據存儲 （關閉瀏覽器後即清空）
之前，這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲，因為它們由每個對伺服器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，數據不是由每個伺服器請求傳遞的，而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。
對於不同的網站，數據存儲於不同的區域，並且一個網站只能訪問其自身的數據。
HTML5 使用 JavaScript 來存儲和訪問數據。
㈧ HTML5的離線儲存怎麼使用，以及工作原理
原理：HTML5的離線存儲是基於一個新建的.appcache文件的，通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲了下來。之後當網路在處於離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示。
方法：
1.在index.html里加上<html manifest="test.manifest">
2.manifest清單格式如下：
CACHE MANIFEST
#上面一句必須
#v1.0.0
#需要緩存的文件
CACHE:
a.js
b.css
#不需要緩存的文件
NETWORK:
*
#無法訪問頁面
FALLBACK:
404.html
3.manifest文件的mime-type必須是 text/cache-manifest類型。
㈨ html5離線存儲有幾種方式
h5之前，存儲主要是用cookies。cookies缺點有在請求頭上帶著數據，大小是4k之內。主Domain污染。
目標
解決4k的大小問題
解決請求頭常帶存儲信息的問題
解決關系型存儲的問題
跨瀏覽器
1.本地存儲localstorage
存儲方式：
以鍵值對(Key-Value)的方式存儲，永久存儲，永不失效，除非手動刪除。
大小：
每個域名5M
㈩ 離線操作資料庫的流程有哪些
摘要 公司快速發展人員增加，因IT問題無法專注核心業務，糟糕的網路環境更是降低員工工作效率。選擇上海蘆洲應急服務，專職工程師3分鍾響應、2小時內到場服務。