1.3 真正認識HTML 5

通過上一節對跨平臺移動開發框架的學習，不知道讀者有沒有發現一個問題，為什么這些框架都是基于HTML 5的呢？解答這個問題之前首先要理解另一個問題，即什么是HTML 5，圖1-22為HTML 5的標志。

HTML 5是1999年指定的HTML 4和XHTML標準的“標準版本”，目前仍然處于不斷完善階段。但是目前主流瀏覽器已經實現了對HTML 5大多數屬性的支持。簡而言之，HTML 5就是對過去HTML標準的一種增強和補充。

在新的HTML 5標準中，強化了頁面的表現性，如對圓角、透明以及陰影的支持。除此之外，還提供了本地存儲以及數據庫的支持。提及HTML 5時，實際上是泛指新的HTML 5標準以及CSS3和JavaScript等技術交叉而成的新技術。

HTML 5還提供了canvas控件來支持動畫以及繪圖等功能，同時也支持頁面元素的拖曳功能。HTML 5中的圓角以及透明、陰影等效果，已經被廣泛采用，而諸如本地數據、Ajax交互、定位等功能卻常常被忽略。這些都有待開發者繼續探索。

1.3.1 初識HTML 5

HTML 5確實不是一項很新的技術。

首先，HTML 5標準在20年前就已經出現。也就是說，它比已經過時的Windows XP還要年輕。

其次，HTML 5是一項標準而不是技術。試想如果在招聘會上有公司說要招聘熟練掌握ISO9001技術的求職者是不是一件非常可笑的事？

各大瀏覽器廠商在近幾年才實現了對HTML 5大多數屬性的支持，這也就是為什么這項“古老”的“技術”在近幾年才突然火了起來。HTML 5相關“技術”如圖1-23所示。

1.3.2 只要在網站上加一句<! HTML 5 Doctype>就是HTML 5網站了嗎

HTML 5絕對不僅僅是一個<! HTML 5 Doctype>，它包括一套完整的最佳實踐、語義標簽、排版元素等。試想一下，如果僅僅加一句<! HTML 5 Doctype>就可以的話，那么多互聯網廠商為什么還要高薪聘請熟悉HTML 5的開發人員呢？

事實上，當前的市場上確實存在著大量利用HTML 5來進行欺騙的現象。例如，當運營商計劃開發一個網站，所雇傭的軟件公司對所開發的網站進行介紹時，往往會加上一句“該網站是基于HTML 5的”，筆者甚至看到過某國企的新聞中有過“基于HTML 5的PHP 5新聞網站改版”這樣的高技術性標題。對于這樣的宣傳或者誤導，也許并不能說是欺騙，因為有了<! HTML 5 Doctype>的確就表示頁面是基于HTML 5標準的。但這些頁面中的內容基本上沒有用到任何屬于HTML 5的新特性（最多也就是用到圓角或是插入一段jQuery腳本），甚至都沒有體現HTML 5最基本的框架結構。

1.3.3 HTML 5變遷

這是與HTML 5 Doctype截然相反的一個謊言。這往往是那些沒有掌握HTML 5標準或對HTML 5一知半解的開發者，在面對掌握了HTML 5標準的競爭者時的一種托詞。由于目前的資料不夠完善，使得HTML 5被常常用到的只是一些像圓角和陰影這樣的樣式效果（而且這其實是CSS 3的內容），但是請讀者相信，HTML 5的強大功能絕對不僅僅是這些。

圖1-23列舉了一些與HTML 5相關的技術，包括CSS、JavaScript、SVG、Canvas、定位、動畫等新的內容，可以實現許多之前所不能實現的效果。圖1-24就是利用HTML 5實現的游泳池特效，這在HTML 4時代是絕對不可能實現的。

1.3.4 HTML 5浪潮

好吧，這其實是筆者開的一個玩笑，不過身邊確實有不少神化HTML 5的例子，人們用HTML 5作為一種噱頭來吸引大眾的注意。例如，在東三省一次大學生嵌入式比賽中竟然見到了“基于HTML 5的智能尋路小車”這樣的題目。

上一小節以一張圖片來舉例說明HTML 5的強大之處不僅僅是多了個圓角或陰影那么簡單（如圖1-24所示）。圖1-25是在HTML 5論壇中找到的一幅漫畫，以一種夸張的手法描繪了HTML 5的強大。

在1.2.3小節介紹了幾款基于HTML 5的跨平臺開發框架，其中包括Cocos2d-X，也就是說HTML 5能夠很好地支持游戲類應用，這使得HTML 5的作用在開發者眼中被無限放大。圖1-26也是一幅漫畫，描述了當前基于HTML 5的應用數量之多。這也在某種程度上說明了HTML 5為什么會一次又一次地被開發者所神化。

套用在某博客上看到的一句話：使用HTML 5絕對不會讓你看上去更性感，除非你是Bruce Lawson（Opera公司總裁）。HTML 5畢竟只是一個工具，能夠幫助開發者更加快速便捷地實現自己的夢想，那些盲目推崇HTML 5，甚至是濫用HTML 5的開發者無疑是不理智的。但是不得不說，目前從事HTML 5的研究確實是比較有前途和錢途的。HTML 5無疑給我們提供了一個很好的機會，如果能盡早投身HTML 5變革的熱潮，必定能領先一步。

為什么跨平臺移動開發框架幾乎都是基于HTML 5的？因為既然要跨平臺，首先就要保證讓所有移動平臺都能夠支持，而HTML作為一種腳本語言，顯然是支持這一點的。很難想象一款智能手機沒有瀏覽器會是什么樣子。另外就是各大瀏覽器廠商對于HTML 5的支持近乎完善，使得HTML 5有能力扛起這一艱巨的任務。圖1-27為各大主流移動瀏覽器廠商對HTML 5的支持情況。

HTML 5中定義了強大的本地存儲和離線存儲功能，使得頁面更像一個應用，手機硬件的發展使設備的運算能力能夠支撐起這些效果，另外JavaScript的存在使得應用具有強大的交互能力。

另外，HTML 5相對其他語言更容易上手，讓新手能夠在極短的時間內開發出比較完善的應用。

綜合這幾點特性，就促成各大主流跨平臺框架都選擇使用HTML 5作為工具。即使之前沒有接觸過HTML也沒關系，因為這些開發框架將開發所需要的HTML知識精簡到很小的一部分，以至于任何人都可以快速上手。