HTML 5

HTML 5

原圖鏈接

中文名 超文本5.0 外文名 HTML5.0 支持瀏覽器 IE、火狐等 新元素 article、footer、header等 作 用 構成網頁文檔

HTML 5萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五重大修改（這是一項正在進行中的一個草案、外語原文：Thisisa work inprogress!）。

目錄

綜述

標準通用標記語言下的一個應用HTML標準自1999年12月發布的HTML4.01後，後繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發展，一些公司聯合起來，成立了一個叫做Web Hypertext Application Technology WorkingGroup（Web超文本應用技術工作組-WHATWG）的組織。WHATWG致力於Web表單和應用程序，而W3C（World Wide Web Consortium，萬維網聯盟）專注於XHTML2.0。在2006年，雙方決定進行合作，來創建一個新版本的HTML。

HTML5草案的前身名為Web Applications1.0，於2004年被WHATWG提出，於2007年被W3C接納，並成立了新的HTML工作團隊。

HTML5的第一份正式草案已於2008年1月22日公布。HTML5仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些HTML5支持。

2012年12月17日，萬維網聯盟（W3C）正式宣布凝結了大量網絡工作者心血的HTML5規範已經正式定稿[4]。根據W3C的發言稿稱：「HTML5是開放的Web網絡平台的奠基石。」

2013年5月6日，HTML5.1正式草案公布。該規範定義了第五次重大版本，第一次要修訂萬維網的核心語言：超文本標記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。

本次草案的發布，從2012年12月27日至今，進行了多達近百項的修改，包括HTML和XHTML的標籤，相關的API、Canvas等，同時HTML5的圖像img標籤及svg也進行了改進，性能得到進一步提升。

支持Html5的瀏覽器包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等；國內的遨遊瀏覽器（Maxthon），以及基於IE或Chromium（Chrome的工程版或稱實驗版）所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力。

在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構建方法讓製作手機網頁遊戲成為可能。由於界面層很複雜，已預訂了一個UI工具包去使用。

純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。因此也有許多手機雜誌客戶端是基於HTML5標準，開發人員可以輕鬆調試修改。

特性

語義特性（Class：Semantic）

HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

本地存儲特性（Class:OFFLINE&STORAGE）

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

設備兼容特性(Class:DEVICEACCESS)

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

連接特性（Class:CONNECTIVITY）

更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁遊戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-SentEvent和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據「推送」到客戶端的功能。

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

支持網頁端的Audio、Video等多媒體功能，與網站自帶的APPS，攝像頭，影音功能相得益彰。

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

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

性能與集成特性（Class:Performance&Integration）

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

CSS3特性(Class:CSS3)

在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。

應用須知

它可能會消滅Flash

許多業內人士表示，HTML將會最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時候。HTML5估計到2014年才能逐步成熟，而且將現有應用Flash的網絡開發完全轉向HTML5還需要一段時間。儘管HTML5提出了許多優點，但是還可能有某些應用更適合於更靈活的框架。一些主流的大公司都逐步轉向使用HTML5，但是這個轉變的過程也不是一蹴而就的。

它新並不表示它安全

網絡應用開發工程師們在學習新技術的同時需要時刻記住網絡安全。HTML5所構建的網頁和其他語言編寫的網頁一樣容易泄露一些敏感數據。歐洲網絡信息安全機構（European Network and Information Security Agency，ENISA）已經警告說HTML5可能並不夠安全。

它承諾帶來一個無縫的網絡

HTML5會帶來一個統一的網絡，無論是筆記本，台式機，還是智能手機都應該很方便的瀏覽基於HTML5的網站。因此在設計網站的時候，開發者需要重新考慮用戶體驗，網站瀏覽，網站結構等因素使得這個網站對任何硬件設備都通用。

它會變成企業的SaaS平台

一些重量級的企業，如微軟，Salesforce，SAPSybase正在開發HTML5的開發工具。如果你正在構建企業應用，很可能不久的將來你就要用到HTML5。所以當構建公司的SaaS戰略遷移的時候也不要忘記HTML5。

它將會變得很移動

幾乎所有人都熱衷於開發獨立的移動應用，但是HTML5很可能會是獨立移動應用的終結者。由於HTML5將應用的功能直接加入其內核，這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在（移動）瀏覽器內開發應用，所以如果你正在制定一項桌面或者移動應用的長期發展策略，你可能需要考慮這一點。

漏洞

2013年3月，HTML5標記語言的一個漏洞被發現：它允許網站利用數GB垃圾數據對用戶展開轟炸，甚至會在短時間內將硬盤塞滿。多款主流瀏覽器均會受此影響。

一位名叫菲羅斯·阿伯克哈迪傑哈(FerossAboukhadijeh)的開發者率先發現了這一漏洞，他表示，多數主流網絡瀏覽器均會受到影響，包括蘋果Safari、谷歌Chrome、微軟IE和Opera。唯一能夠阻止數據大量加載的是Mozilla的火狐瀏覽器，該產品的數據存儲上限為5MB。

該問題的根源在於HTML5存儲本地數據的方式。雖然每個瀏覽器都有不同的存儲參數，但很多都支持用戶自定義限制，且至少會在用戶電腦上存儲2.5MB數據。

阿伯克哈迪傑哈發現了一個繞過數據上限的方法，它創建了多個與用戶訪問過的網站鏈接的臨時網站。由於多數瀏覽器不會計算這種偶然情況，所以二級網站也可以存儲與主網站相同量的數據。通過大批生成這種網站，該漏洞便可向受影響的電腦加載海量數據。

在測試這一漏洞的過程中，阿伯克哈迪傑哈每16秒即可向他的固態硬盤版MacBookPro中加載1GB數據。他指出，Chrome等32位瀏覽器可能會在硬盤塞滿前崩潰。「一些採用高明代碼的網站其實已經取消了用戶電腦對數據存儲的限制。」阿伯克哈迪傑哈說。阿伯克哈迪傑哈已經發布一組代碼來利用該漏洞，並創建了一個名為Filldisk的專用網站來凸顯該漏洞的危害。

爭議

HTML5在誕生之後，就樹立了一個原則，那就是所有的技術必須是開放的，不准有專利限制，在這期間Opera捐獻了CSS技術，而Google則提供了視頻格式WebM。

可以說大部分的HTML協議在眾多網絡技術公司中達成共識，但在視頻格式方面，世界各大互聯網公司正在為具體標準進行爭論，這可能影響HTML5標準的分流。紛爭的兩大陣營分別是Opera、火狐、Google等，另一大陣營則由蘋果公司領銜。

WebM陣營認為MPEG格式是具有專利保護的，這違背了HTML5所有技術必須開放的原則。MPEG陣營則更多地是因為自身就在使用這種視頻格式。

發展趨勢

HTML5規範開發完成時，將成為主流。

據統計2013年全球將有10億手機瀏覽器支持HTML5，同時HTML Web開發者數量將達到200萬。毫無疑問，HTML5將成為未來5-10年內，移動互聯網領域的主宰者。

據IDC的調查報告統計，截至2012年5月，有79%的移動開發商已經決定要在其應有程序中整合HTML5技術。

12月，萬維網聯盟宣布已經完成對HTML5標準以及Canvas2D性能草案的制定，這就意味着開發人員將會有一個穩定的「計劃和實施」目標。有很多的文章都在號召使用HTML5，並大力宣傳它的的好處。此前，站長之家曾經做過一期調查，調查顯示只有36.16%的站長正在學習中，另外的63.76%表示正在觀望中。作為站長，你是否準備開始學習HTML5？

從性能角度來說，HTML5首先是縮減了HTML文檔，使這件事情變得更簡單。第一，從用戶可讀性上說，原先一大堆東西，像初學者第一次看到這些東西是看不懂的，而HTML5的聲明方式對用戶來說顯然更友好一些。

隨着計算機技術的不斷發展，未來幾年內HTML5依舊會持續增長，具體的應用方向與發展趨勢有：

1、HTML5技術的移動端方向。

HTML5技術在未來主要發展的市場還是在移動端互聯網領域，現階段移動瀏覽器有應用體驗不佳、網頁標準不統一的劣勢，這兩個方面是移動端網頁發展的障礙，而HTML5技術能夠解決這兩個問題，並且將劣勢轉化為優勢，整體推動整個移動端網頁方面的發展;

2、Web內核標準提升。

目前移動端網頁內核大多採用Web內核，相信在未來幾年內隨着智能端逐漸普及，HTML5在Web內核方面應用將會得到極大的凸顯;

3、提升Web操作體驗。

隨着硬件能力的提升、WebGL標準化的普及以及手機頁游的逐漸成熟，手機頁游向3D化發展是大勢所趨;

4、網絡營銷遊戲化發展。

通過一些遊戲化、場景化以及跨屏互動等環節，不僅增加用戶遊戲體驗，還能夠滿足廣告主大部分的營銷需求，在推銷產品的過程中，讓用戶體驗遊戲的樂趣;

5、移動視頻、在線直播。

HTML5將會改變視頻數據的傳輸方式，讓視頻播放更加流暢，與此同時，視頻還能夠與網頁相結合，讓用戶看視頻如看圖片一樣輕鬆。