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、將被大量應用於行動應用程式和遊戲；

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等技術，解決以前的跨域等問題，幫助您的網頁應用程式和網站在多樣化的環境中更快速的工作。

HTML5 中的一些有趣的新功能：

#用於繪畫的canvas 元素

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

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

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

新的表單控件，如calendar、date、time、email、url、search

【相關推薦】

HTML影片詳解

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

以上是HTML5是什麼，HTML5有哪些特性和優缺點？的詳細內容。更多資訊請關注PHP中文網其他相關文章！