HTML5 ## HTML5的優點 * 1、擺脫對平臺的依賴 HTML5可以擺脫對平臺的依賴，用戶打開瀏覽器，直接就可以訪問應用，而不需要經過各種Store的審核。 * 2、實時更新 實時更新，通常平臺的審核都需要七個工作日左右的時間，如果發布之后發現問題怎么辦?Web方式就不存在這種問題。 * 3、離線使用 用戶可以離線使用，更新下載量及少，可以全部更新，也可以選擇替換部分文件。 * 4、代碼更安全安全 使用HTML5，代碼更安全安全。眾所周知Web應用有一個很大的問題就是代碼安全的問題，但現在HTML5可以將Web代碼全部加密，本地應用解密后再運行，大大的提供了代碼的安全性。 * 5、跨平臺 HTML5可以做到跨平臺，多數核心代碼不用重寫，Javascript的代碼用得好的話，在許多地方都可以用到，包括移動應用、移動網站、PC網站、各種瀏覽器插件，甚至可以用WebKit封裝作為跨平臺的應用程序。誠然，這種方式并非完全跨平臺，但這樣也足以減少很多工作量了，特別是后期的維護。 * 6、可以充分利用Native HTML5可以通過瀏覽器作為中介充分利用Native的好處，比如說可以使用GPS、照相機、本地相冊、讀取本地聯系人，也可以使用推送功能等，最重要的是，某些Web無法實現的功能，我們可以利用Native來實現。 ## HTML5支持的瀏覽器 >HTML5 受包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等國外主流瀏覽器的支持；國內的傲游瀏覽器（Maxthon）， 360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等同樣具備支持HTML5的能力 ## HTML新的特性 * 用于繪畫的 canvas 元素 * 用于媒介回放的 video 和 audio 元素 * 對本地離線存儲的更好的支持 * 新的特殊內容元素，比如 article、footer、header、nav、section * 新的表單控件，比如 calendar、date、time、email、url、search ## 語義化的標簽 | 標簽 | 描述 | | --- | --- | |`<article>` | 定義頁面獨立的內容區域。 | |`<aside>` | 定義頁面的側邊欄內容。 | | `<bdi>` | 允許您設置一段文本，使其脫離其父元素的文本方向設置。 | | `<command>` | 定義命令按鈕，比如單選按鈕、復選框或按鈕 | | `<details>` | 用于描述文檔或文檔某個部分的細節 | | `<dialog>` | 定義對話框，比如提示框 | |`<summary>` | 標簽包含 details 元素的標題 | | `<figure>` | 規定獨立的流內容（圖像、圖表、照片、代碼等等）。 | | `<figcaption>` | 定義 元素的標題 | |`<footer>` | 定義 section 或 document 的頁腳。 | | `<header>` | 定義了文檔的頭部區域 | | `<mark>` | 定義帶有記號的文本。 | | `<meter>` | 定義度量衡。僅用于已知最大和最小值的度量。 | | `<nav>` | 定義導航鏈接的部分。 | | `<progress>` | 定義任何類型的任務的進度。 | | `<ruby>` | 定義 ruby 注釋（中文注音或字符）。 | | `<rt>`| 定義字符（中文注音或字符）的解釋或發音。 | | `<rp>` | 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內容。 | | `<section>` | 定義文檔中的節（section、區段）。 | | `<time>` | 定義日期或時間。 | |`<wbr>` | 規定在文本中的何處適合添加換行符。 | ## 新多媒體元素 | 標簽 | 描述 | | --- |--- | |`<audio>` | 定義音頻內容 | | `<video>` | 定義視頻（video 或者 movie） | |`<source>` | 定義多媒體資源 和 | |`<embed>` | 定義嵌入的內容，比如插件。 | |`<track>` | 為諸如 和 元素之類的媒介規定外部文本軌道。 | ## 新表單元素 | 標簽 | 描述 | | :-- | :-- | |`<datalist>` | 定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。 | |`<keygen>` | 規定用于表單的密鑰對生成器字段。 | |`<output>` | 定義不同類型的輸出，比如腳本的輸出。 |