HTML5是做什么的？

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

HTML5的由來(lái)

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

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

HTML5的基本組成

HTML5 = HTML + CSS + JavaScript

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

CSS指樣式

JS即JavaScript，指的是行為

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

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

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

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

 

容易弄混的概念

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

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

前端后臺(tái)的區(qū)別

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

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

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

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

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

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

 

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