無論你是唱歌的藝術(shù)生，還是學(xué)習(xí)機(jī)械專業(yè)的工科生，或者大學(xué)讀的文學(xué)學(xué)科。只要你平時上網(wǎng)，你看完這篇文章之后，相信你一定能夠?qū)TML5有一個基本的認(rèn)識。

HTML5是做什么的？

極其簡單的概括：用于實現(xiàn)我們能夠看到的所有網(wǎng)站，但是不涉及到數(shù)據(jù)層面（也就是負(fù)責(zé)將一張設(shè)計好的網(wǎng)頁圖片（設(shè)計師的工作），用代碼實現(xiàn)出來，在一個地方放置個塊，給一個塊設(shè)置顏色，調(diào)整字體大小，讓圖片動起來等）。

HTML5的由來

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

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

HTML5的基本組成

HTML5 = HTML + CSS + JavaScript

HTML指的是結(jié)構(gòu)

CSS指樣式

JS即JavaScript，指的是行為

關(guān)于結(jié)構(gòu)、樣式、行為的理解

結(jié)構(gòu)——在整個網(wǎng)頁中有標(biāo)題，有列表，有圖片等。

樣式——標(biāo)題文字的字體大小、顏色、字體；圖片的大小；某個塊的背景色或背景圖等。

行為——在網(wǎng)頁上四處飄動的廣告；圖片滾動；瀏覽淘寶時鼠標(biāo)移動到商品時，放大商品的效果等。

容易弄混的概念

HTML5移動端的功能和應(yīng)用程序。

對于蘋果手機(jī)中的應(yīng)用程序，屬于iOS開發(fā)，語言是OC；對于其他安卓系統(tǒng)的手機(jī)，需要使用JAVA語言進(jìn)行開發(fā)。HTML5能夠做的是移動端的網(wǎng)頁以及微信平臺中的移動端網(wǎng)頁。

前端后臺的區(qū)別

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

HTML5 與 網(wǎng)頁設(shè)計與制作 的區(qū)別

原有的網(wǎng)頁設(shè)計與制作，主要針對PC平臺，進(jìn)行網(wǎng)頁網(wǎng)站的設(shè)計與制作，相對會涉及一部分設(shè)計工作，并將美工圖實現(xiàn)成網(wǎng)頁。通常使用的工具是網(wǎng)頁三劍客——PhotoShop、Flash、Dreamweaver。然而，行業(yè)的發(fā)展使得“網(wǎng)頁設(shè)計與制作”這一職業(yè)逐漸遭到了淘汰，原因主要有四：

1 網(wǎng)頁設(shè)計與網(wǎng)頁制作是兩個完不同的領(lǐng)域，一個由美感主導(dǎo)，另一個則需要邏輯思維主導(dǎo)。對于開發(fā)人員來說，如果將寶貴的精力分散到兩個不同的行業(yè)中，最后通常兩方面都是半斤八兩，沒有實質(zhì)的競爭力；

2 網(wǎng)頁設(shè)計與制作，這一職業(yè)中的制作，指的是網(wǎng)頁的結(jié)構(gòu)與樣式（即HTML+CSS），而當(dāng)前網(wǎng)站中JavaScript已經(jīng)占據(jù)了極大的比重，如果還停留在原有的結(jié)構(gòu)和樣式中，發(fā)展空間會變得很小；

3 網(wǎng)頁設(shè)計與制作當(dāng)中的結(jié)構(gòu)實現(xiàn)，通常采用的是table布局；而WEB前端開發(fā)工程師、HTML5當(dāng)中結(jié)構(gòu)的實現(xiàn)，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就沒有什么必要性了，取而代之的是內(nèi)存占用小，開發(fā)速度快的文本類編輯器。而Flash，在與HTML5的大戰(zhàn)當(dāng)中戰(zhàn)敗，當(dāng)前已經(jīng)退出了移動端以及電視平臺的市場爭奪，在PC平臺也越來越少。轉(zhuǎn)言之，F(xiàn)lash在網(wǎng)頁制作的領(lǐng)域里已經(jīng)江郎才盡~原來的網(wǎng)頁三劍客只剩下一個PS，在前端工作的要求中，需要掌握基本的切圖即可；

4 移動互聯(lián)網(wǎng)的飛速發(fā)展，也使得HTML5的地位迅速提升。移動設(shè)備有其特殊的開發(fā)要求，原有的網(wǎng)頁設(shè)計與制作，早已無法滿足開發(fā)的需要。

HTML5是移動互聯(lián)網(wǎng)前端的主流開發(fā)語言，目前還沒有一個前端的開發(fā)語言能取代HTML5的位置，所以說，無論做手機(jī)網(wǎng)站還是在手機(jī)app應(yīng)用，前端的樣式都是HTML5開發(fā)。HTML5作為移動互聯(lián)網(wǎng)主流前端開發(fā)語言，從事HTML5相關(guān)開發(fā)工作，就業(yè)前景真的是一片光明。

趕緊行動起來！

當(dāng)良機(jī)出現(xiàn)在我們面前時，

我們要及時抓住它們！

利用它們！

這是生活的一大藝術(shù)！

——約翰遜

云和教育作為云和數(shù)據(jù)旗下高端泛IT職業(yè)教育品牌，開設(shè)有UI總監(jiān)班、PHP高薪班、JAVA大數(shù)據(jù)班、HTML5專家班、Unity虛擬現(xiàn)實大師班五大精品課程。

課程設(shè)置緊跟時代“前端”發(fā)展和“后端”需要。采用小班教學(xué)，金牌講師面授輔導(dǎo)，采用沉浸式的教學(xué)模式，8+2的學(xué)習(xí)模式，學(xué)員畢業(yè)即擁有1-2年工作經(jīng)驗，貼近企業(yè)需求，保證高薪就業(yè)!