HTML5是什麼，HTML5有哪些特性和優缺點？

最近HTML5非常的火，可能有些朋友不知道HTML5是什麼，這篇文章會為大家詳細的介紹HTML5的一些特性和優缺點。

什麼是 HTML5?

HTML5 是下一代 HTML 標準。

HTML , HTML 4.01的上一個版本誕生於 1999 年。自從那以後，Web 世界已經經曆了巨變。

HTML5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支援。

HTML5是HTML最新的修訂版本，2014年10月由全球資訊網聯盟（W3C）完成標準制定。

HTML5的設計目的是為了在行動裝置上支援多媒體。

HTML5 簡單易學。

HTML5的優缺點

優點

1.網路標準

HTML5本身是由W3C推薦出來的，它的開發是通過Google、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術，這個技術最大的好處在於它是一個公開的技術。換句話說，每一個公開的標準都可以根據W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平台都會去實現。

2.多裝置跨平台

用HTML5的優點主要在於，這個技術可以進行跨平台的使用。比如你開發了一款HTML5的遊戲，你可以很輕易地移植到UC的開放平台、Opera的遊戲中心、Facebook應用平台，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平台性非常強大，這也是大多數人對HTML5有興趣的主要原因。

3.自適應網頁設計

很早就有人設想，能不能“設計一次，普遍適用”，讓同一張網頁自動適應不同大小的螢幕，根據螢幕寬度，自動調整布局（layout）。

2010年，Ethan Marcotte提出了”自適應網頁設計“這個名詞，指可以自動識別螢幕寬度、並做出相應調整的網頁設計。

這就解決了傳統的一種局面——網站為不同的裝置提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比較麻煩，同時要維護好幾個版本，而且如果一個網站有多個portal（入口），會大大增加架構設計的複雜度。

4.即時更新

遊戲用戶端每次都要更新，很麻煩。可是更新HTML5遊戲就好像更新頁面一樣，是馬上的、即時的更新。

總結概括HTML5有以下優點：

1、提高可用性和改進使用者的友好體驗；

2、有幾個新的標籤，這將有助於開發人員定義重要的內容；

3、可以給網站帶來更多的多媒體元素(視頻和音頻)；

4、可以很好的替代FLASH和Silverlight；

5、當涉及到網站的抓取和索引的時候，對於SEO很友好；

6、將被大量應用於行動裝置 App程式和遊戲；

7、可移植性好。

缺點：

該標準並未能很好的被瀏覽器所支援。因新標籤的引入，各瀏覽器之間將缺少一種統一的資料描述格式，造成使用者體驗不佳。

HTML的特性：

1.語義特性（Class：Semantic）

HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨著對RDFa的，微資料與微格式等方面的支援，構建對程式、對使用者都更有價值的資料驅動的Web。

2.本機存放區特性（Class: OFFLINE & STORAGE）

基於HTML5開發的網頁APP擁有更短的啟動時間，更快的連網速度，這些全得益於HTML5 APP Cache，以及本機存放區功能。Indexed DB（html5本機存放區最重要的技術之一）和API說明文檔。

3.裝置相容特性 (Class: DEVICE ACCESS)

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發人員們提供了更多功能上的最佳化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的資料與應用接入開放介面。使外部應用可以直接與瀏覽器內部的資料直接相連，例如視頻影音可直接與microphones及網路攝影機相聯。

4.串連特性（Class: CONNECTIVITY）

更有效串連工作效率，使得基於頁面的即時聊天，更快速的網頁遊戲體驗，更最佳化的線上交流得到了實現。HTML5擁有更有效伺服器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特效能夠協助我們實現伺服器將資料“推送”到用戶端的功能。

5.網頁多媒體特性(Class: MULTIMEDIA)

支援網頁端的Audio、Video等多媒體功能， 與網站內建的APPS，網路攝影機，影音功能相得益彰。

6.三維、圖形及特效特性（Class: 3D, Graphics & Effects）

基於SVG、Canvas、WebGL及CSS3的3D功能，使用者會驚歎於在瀏覽器中，所呈現的驚人視覺效果。

7.效能與整合特性（Class: Performance & Integration）

沒有使用者會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，協助您的Web應用和網站在多樣化的環境中更快速的工作。

HTML5 中的一些有趣的新特性：

用於繪畫的 canvas 元素

用於媒介回放的 video 和 audio 元素

對本地離線儲存的更好的支援

新的特殊內容元素，比如 article、footer、header、nav、section

新的表單控制項，比如 calendar、date、time、email、url、search

【相關推薦】

HTML視頻詳解

html的基礎元素，讓你零基礎學習HTML