HTML5
出自 MBA智库百科(https://wiki.mbalib.com/)
HTML5(Hypertext Markup Language 5)
目錄 |
HTML5是HTML下一個主要的修訂版本，現在仍處於發展階段。目標是取代1999年所制定的HTML 4.01和XHTML 1.0 標準，以期能在互聯網應用迅速發展的時候，使網路標準達到符合當代的網路需求。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網路應用服務(plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強網路應用的標準集。
具體來說，HTML5添加了許多新的語法特征，其中包括<video>, <audio>, 和<canvas>元素，同時集成了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素包括<section>, <article>, <header>, 和<nav>,是為了豐富文檔的數據內容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素，像<a>和<menu>被修改，重新定義或標準化了。同時APIs和DOM已經成為HTML5中的基礎部分了。HTML5還定義了處理非法文檔的具體細節，使得所有瀏覽器和客戶端程式能夠一致地處理語法錯誤。
HTML 5草案的前身名為Web Applications 1.0，是在2004年由WHATWG提出，再於2007年獲W3C接納，併成立了新的HTML工作團隊。在2008年1月22日，第一份正式草案發佈。WHATWG表示該規範是目前仍在進行的工作，仍須多年的努力。目前Firefox、Google Chrome、Opera、Safari(版本4以上)、Internet Explorer(版本9以上)已支持HTML5技術。
儘管HTML5已經在網路開發人員中非常出名了，但是它成為主流媒體的一個話題還是在2010年的4月，當時蘋果公司的CEO喬布斯發表一篇題為“對flash的思考”的文章，指出隨著HTML5的發展，觀看視頻或其它內容時，Adobe Flash將不再是必須的。這引發了開發人員間的爭論，包括HTML5雖然提供了增強的功能，但開發人員必須考慮到不同瀏覽器對標準不同部分的支持程度的不同，以及HTML5和Flash間的功能差異。
HTML 5的標準草案目前已進入W3C制定標準5大程式的第1步。負責編纂標準格式文件的Google員工Ian Hickson預期，可能得等到2012年才會推出建議候選版(W3C Candidate Recommendation)，併在2014年才會成為 W3C 推薦標準(W3C Recommendation)。
Google公司負責開發Android的Andy Rubin在AllThingsD亞洲大會上表示html5還遠不能為不同的移動操作系統提供不同的程式。
- 文件類型聲明(<!DOCTYPE>)僅有一型：<!DOCTYPE HTML>。
- 新的解析順序：不再基於SGML。
- 新的元素：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。
- input元素的新類型：date, email, url 等等。
- 新的屬性：ping(用於a與area), charset(用於meta), async(用於script)。
- 全局屬性：id, tabindex, repeat。
- 新的全局屬性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
- 移除元素：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
1.新增的元素
HTML 5提供了一些新的元素和屬性，反映典型的現代用法網站。其中有些是技術上類似2.移除的元素
一些過時的HTML 4標記將取消，其中包括純粹用作顯示效果的標記，因為它們已經被CSS取代。還有一些通過DOM的網路行為。
3.修改的元素
儘管和SGML在標記上的相似性，HTML5的句法並不再基於它了，而是被設計成向後兼容對老版本的HTML的解析。它有一個新的開始行看起來就像SGML的文檔類型聲明，<!DOCTYPE HTML>，這會觸發和標準兼容的渲染模式。在2009年1月5號，HTML5添加了Web Form 2.0的內容，html5開始發展起來。
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應用和網站在多樣化的環境中更快速的工作。
8.CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
1.網路標準
HTML5本身是由W3C推薦出來的，它的開發是通過谷歌、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術，這個技術最大的好處在於它是一個公開的技術。換句話說，每一個公開的標準都可以根據W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平臺都會去實現。
2.多設備跨平臺
用HTML5的優點主要在於，這個技術可以進行跨平臺的使用。比如你開發了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺非常強大，也是大多數人對HTML5有興趣的主要原因。
3.自適應網頁設計
很早就有人設想，能不能”一次設計，普遍適用”，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整佈局。
2010年，Ethan Marcotte提出了”自適應網頁設計“這個名詞，指可以自動識別屏幕寬度、並做出相應調整的網頁設計。
這就解決了傳統的一種局面——網站為不同的設備提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比較麻煩，同時要維護好幾個版本，而且如果一個網站有多個portal(入口)，會大大增加架構設計的複雜度。
4.即時更新
游戲客戶端每次都要更新，很麻煩。可是更新HTML5游戲就好像更新頁面一樣，是馬上的、即時的更新。
總結概括HTML5有以下優點：
- 提高可用性和改進用戶的友好體驗；
- 有幾個新的標簽，這將有助於開發人員定義重要的內容；
- 可以給站點帶來更多的多媒體元素(視頻和音頻)；
- 可以很好的替代FLASH和Silverlight；
- 當涉及到網站的抓取和索引的時候，對於SEO很友好；
- 將被大量應用於移動應用程式和游戲。
