隨著移動互聯網的快速發展，HTML5迅速崛起，我們的生活的方方面面都被HTML5滲透著。HTML5在PC端、移動端上均應用廣泛，被稱為Web的未來。而隨著Google正式停止支持Swiffy，HTML5將獨占谷歌平臺。而微軟、蘋果等國外瀏覽器廠商也鼓勵大家轉投HTML5，因為HTML5在安全、性能、Web開發等方面優勢明顯。而傲遊(Maxthon)、360、搜狗、QQ、獵豹等國產瀏覽器，同樣對HTML5一致看好、追捧。由此可見，HTML5將成為未來5-10年內，移動互聯網領域的主宰者。

　　同樣在未來的發展中，HTML5開發仍然會成為眾多求職者熱捧的行業。面對發展如此迅速的行業，如果你現在還不清楚到底HTML5是什麽，那你是真的落伍了。菜鳥在線為你揭秘，讓你真正了解HTML5是什麽。

　　HTML5的由來

　　不熟悉HTML5的人，可能會很熟悉一個2005年以前常用的詞語——網頁設計與制作。

　　隨著行業的發展，網站的制作越來越受到了人們的重視，社會化分工越來越明細。在2005年，“WEB前端開發工程師”這個詞語開始出現在各個一線城市。2008年，HTML5橫空出世，2009年HTML5這個全新的詞語在北京的一些頂尖級公司出現，2012年，逐漸開始普及，2014年迅速發展。

　　HTML5的基本組成

　　HTML5 = HTML + CSS + JavaScript

　　HTML指的是結構

　　CSS指樣式

　　JS即JavaScript，指的是行為

　　關於結構、樣式、行為的理解：

　　結構 - 在整個網頁中有標題，有列表，有圖片等。

　　樣式 - 標題文字的字體大小、顏色、字體;圖片的大小;某個塊的背景色或背景圖等。

　　行為 - 在網頁上四處飄動的廣告;圖片滾動;瀏覽淘寶時鼠標移動到商品時，放大商品的效果等。

　　容易弄混的概念

　　1.HTML5移動端的功能和應用程序

　　對於蘋果手機中的應用程序，屬於iOS開發，語言是OC;對於其他安卓系統的手機，需要使用JAVA語言進行開發。HTML5能夠做的是移動端的網頁以及微信平臺中的移動端網頁。

　　2.前端後臺的區別

　　無論HTML5還是iOS，在整個網頁開發流程當中，前端(HTML5)開發工程師，主要負責的是“前臺頁面制作”，“網站測試”，“修改”三個部分。

　　3.HTML5與網頁設計與制作的區別

　　原有的網頁設計與制作，主要針對PC平臺，進行網頁網站的設計與制作，相對會涉及一部分設計工作，並將美工圖實現成網頁。通常使用的工具是網頁三劍客——PhotoShop、Flash、Dreamweaver。

　　然而，行業的發展使得“網頁設計與制作”這一職業逐漸遭到了淘汰。其中原因之一就是網頁設計與制作當中的結構實現，通常采用的是table布局;而WEB前端開發工程師、HTML5當中結構的實現，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就沒有什麽必要性了，取而代之的是內存占用小，開發速度快的文本類編輯器。而Flash，在與HTML5的大戰當中戰敗，當前已經退出了移動端以及電視平臺的市場爭奪，在PC平臺也越來越少。轉言之，Flash在網頁制作的領域裏已經江郎才盡，原來的網頁三劍客只剩下一個PS，在前端工作的要求中，需要掌握基本的切圖即可。

　　移動互聯網的飛速發展，使得HTML5迅速蔓延，讓不少開發商發現了機遇，HTML5開發人才也遭受瘋搶，但傳統前端人才很難駕馭移動端，因此，HTML5開發人才出現嚴重緊缺狀態，很多企業陷入兩難境地。據統計，我國對於高級HTML5開發人員的缺口將達到12萬左右。

　　HTML5未來前景十分光明，需要我們緊緊抓住機會，一次正確的選擇和行動，是改變一生的機遇，一次專業地學習，讓你至少少走十年的彎路!

關於HTML5新手應該知道的幾點知識