什么(me)是HTML5？3分鐘讓你對(dui)HTML5開發了如指掌
時(shi)間：2017-04-07 來源：華清遠見(jian)
HTML5是目前Web開(kai)發(fa)方面最熱門(men)的(de)話題，給人的(de)感覺就(jiu)是酷、新、看上(shang)去很美。那么，你(ni)對HTML5的(de)方方面面了解(jie)又(you)有多少呢？相信(xin)閱讀完這篇文章(zhang)，你(ni)會得到一個答案。
首先，在(zai)介紹HTML5之前(qian)(qian)，大家(jia)要搞清楚一件(jian)事(shi)情（劃(hua)重點~）：前(qian)(qian)端(duan)與HTML5是(shi)(shi)大大不同的(de)(de)。現(xian)在(zai)好多(duo)人(ren)都把(ba)HTML5和(he)前(qian)(qian)端(duan)的(de)(de)概念弄(nong)混淆了(le)(le)。例如，H5是(shi)(shi)HTML5的(de)(de)簡稱，而(er)現(xian)在(zai)好多(duo)人(ren)把(ba)HTML5看(kan)成(cheng)了(le)(le)是(shi)(shi)前(qian)(qian)端(duan)開發(fa)的(de)(de)總稱。HTML5其實(shi)只(zhi)是(shi)(shi)前(qian)(qian)端(duan)開發(fa)中重要的(de)(de)一部分技(ji)(ji)術(shu)，是(shi)(shi)現(xian)在(zai)前(qian)(qian)端(duan)開發(fa)的(de)(de)標準組件(jian)，特別是(shi)(shi)在(zai)移動端(duan)的(de)(de)特效(xiao)開發(fa)、游(you)戲開發(fa)，以(yi)及APP的(de)(de)開發(fa)方向上非常流行。如果把(ba)前(qian)(qian)端(duan)開發(fa)比作要建設的(de)(de)一座“大廈”，HTML5就相(xiang)當于“鋼(gang)筋水泥”。現(xian)在(zai)好多(duo)人(ren)都說(shuo)(shuo)開發(fa)“XX功能”使用“HTML5”技(ji)(ji)術(shu)，其實(shi)理解的(de)(de)有一些問題(ti)，他們所(suo)說(shuo)(shuo)的(de)(de)HTML5其實(shi)說(shuo)(shuo)的(de)(de)就是(shi)(shi)前(qian)(qian)端(duan)技(ji)(ji)術(shu)，只(zhi)不過HTML5這(zhe)個詞比較活躍也比較流行，所(suo)以(yi)多(duo)數人(ren)都將前(qian)(qian)端(duan)技(ji)(ji)術(shu)叫成(cheng)了(le)(le)HTML5了(le)(le)。
一、什么是HTML5
HTML5就是(shi)(shi)(shi)HTML最(zui)新標(biao)(biao)準，是(shi)(shi)(shi)現(xian)在(zai)Web程序開發的(de)核(he)心(xin)、標(biao)(biao)準通(tong)用(yong)(yong)標(biao)(biao)記語言下的(de)一(yi)(yi)個應(ying)用(yong)(yong)HTML的(de)第五次(ci)重(zhong)大修改，這(zhe)是(shi)(shi)(shi)一(yi)(yi)項推薦(jian)標(biao)(biao)準。雖(sui)然(ran)CSS3和HTML5是(shi)(shi)(shi)兩個語言，但通(tong)常(chang)說HTML5也都泛指包(bao)括CSS3，因為它們兩個常(chang)在(zai)一(yi)(yi)起配合使(shi)(shi)用(yong)(yong)的(de)。當然(ran)還不指這(zhe)些，從技(ji)術本身分(fen)析來看(kan)，現(xian)在(zai)完成一(yi)(yi)些頁(ye)面制作、WebAPP、微網(wang)站(zhan)開發以(yi)及網(wang)頁(ye)游戲等，現(xian)在(zai)都是(shi)(shi)(shi)使(shi)(shi)用(yong)(yong)HTML5標(biao)(biao)準完成的(de)。雖(sui)然(ran)開發這(zhe)類的(de)應(ying)用(yong)(yong)其實是(shi)(shi)(shi)以(yi)JS為主，但因為HTML5這(zhe)個概念很流行，所以(yi)微網(wang)站(zhan)開發、WebAPP或是(shi)(shi)(shi)微網(wang)站(zhan)等應(ying)用(yong)(yong)，很多人都會說使(shi)(shi)用(yong)(yong)HTML5開發。
二、HTML5的優點
1.網絡標準
HTML5本身是(shi)(shi)由(you)W3C推薦出來的，它的開發(fa)是(shi)(shi)通過谷歌、蘋果，諾(nuo)基亞、中(zhong)國移動(dong)等幾百家公司(si)一(yi)(yi)起(qi)醞釀(niang)的技(ji)(ji)術，這個(ge)技(ji)(ji)術最大的好處(chu)在于它是(shi)(shi)一(yi)(yi)個(ge)公開的技(ji)(ji)術。換句(ju)話(hua)說(shuo)，每(mei)一(yi)(yi)個(ge)公開的標準(zhun)都可(ke)以根據W3C的資料庫找尋根源。另(ling)一(yi)(yi)方面，W3C通過的HTML5標準(zhun)也就意味(wei)著(zhu)每(mei)一(yi)(yi)個(ge)瀏覽(lan)器或每(mei)一(yi)(yi)個(ge)平臺(tai)都會去實現(xian)。
2.多設備跨平(ping)臺
用(yong)(yong)HTML5的(de)(de)(de)優(you)點主要在于，這(zhe)個技術可(ke)以進(jin)行跨平臺(tai)的(de)(de)(de)使用(yong)(yong)。比如你開發了一款HTML5的(de)(de)(de)游(you)戲，你可(ke)以很輕(qing)易(yi)地移植到UC的(de)(de)(de)開放(fang)平臺(tai)、Opera的(de)(de)(de)游(you)戲中心(xin)、Facebook應用(yong)(yong)平臺(tai)，甚至可(ke)以通過封裝的(de)(de)(de)技術發放(fang)到App Store或Google Play上(shang)，所以它(ta)的(de)(de)(de)跨平臺(tai)性非常強大(da)，這(zhe)也(ye)是大(da)多數人對HTML5有興趣(qu)的(de)(de)(de)主要原因。
3.自適應網頁設計(ji)
很早就(jiu)有人設(she)想，能(neng)不能(neng)“一(yi)次設(she)計，普遍適用(yong)”，讓(rang)同(tong)(tong)一(yi)張網(wang)頁自(zi)動適應(ying)不同(tong)(tong)大小的(de)(de)屏幕(mu)，根據屏幕(mu)寬度，自(zi)動調整布局（layout）。知道2010年，Ethan Marcotte提(ti)出(chu)了(le)(le)”自(zi)適應(ying)網(wang)頁設(she)計“這個(ge)名詞(ci)，解決了(le)(le)傳統的(de)(de)一(yi)種(zhong)局面——網(wang)站為不同(tong)(tong)的(de)(de)設(she)備(bei)提(ti)供不同(tong)(tong)的(de)(de)網(wang)頁，比(bi)如專(zhuan)門提(ti)供一(yi)個(ge)mobile版(ban)本，或者iPhone / iPad版(ban)本。
4.即時更新
游戲客(ke)戶端每次都要更新(xin)，很麻(ma)煩。可是更新(xin)HTML5游戲就好(hao)像更新(xin)頁面(mian)一樣，是馬上的(de)、即時的(de)更新(xin)。
三、HTML5開發
HTML5技術的興(xing)起(qi)，必然為(wei)HTML5開(kai)發帶來不(bu)小的效益。首先，從(cong)如今(jin)層出不(bu)窮的移動應(ying)(ying)用(yong)就(jiu)(jiu)知道，在(zai)這(zhe)個智能手機和將(jiang)平板電(dian)腦(nao)大爆炸(zha)的時代，移動優先已成趨勢，不(bu)管是開(kai)發什(shen)么，都以移動為(wei)主。其次，許多游戲(xi)開(kai)發商(shang)都被Facebook或者Zynga推動著發展(zhan)，而未來的Facebook應(ying)(ying)用(yong)生態系統是基于(yu)(yu)HTML5的，盡管在(zai)HTML 5平臺(tai)開(kai)發出游戲(xi)非常困難，但游戲(xi)開(kai)發商(shang)卻(que)都愿意那(nei)么做。通(tong)過PhoneGap及appmobi的XDK將(jiang)Web應(ying)(ying)用(yong)游戲(xi)打包(bao)整(zheng)(zheng)合到原生應(ying)(ying)用(yong)中也是一種方(fang)式，Facebook差不(bu)多就(jiu)(jiu)這(zhe)么干的——基于(yu)(yu)Web應(ying)(ying)用(yong)及瀏覽器，但卻(que)將(jiang)之打包(bao)整(zheng)(zheng)合進原生應(ying)(ying)用(yong)。
因(yin)(yin)此(ci)，伴(ban)隨(sui)著種種原因(yin)(yin)，企(qi)業對HTML5人(ren)(ren)員(yuan)的(de)需求(qiu)(qiu)十(shi)分(fen)大，同時對這(zhe)(zhe)(zhe)些(xie)人(ren)(ren)員(yuan)的(de)技術要(yao)(yao)求(qiu)(qiu)也(ye)很嚴格(ge)，這(zhe)(zhe)(zhe)就(jiu)意味著想要(yao)(yao)成為(wei)一名成功的(de)HTML5開發者(zhe)，就(jiu)要(yao)(yao)有拿(na)得出手的(de)技能！而這(zhe)(zhe)(zhe)些(xie)，華(hua)清(qing)遠見都可以滿足你(ni)。
熱門項目實戰 pc/移動各大熱點網站案例統統搞定
你根本不用操心高薪就業，一切我們來安排
高薪(xin)說明一(yi)切！如果你(ni)也(ye)想成為HTML5大神，擁有一(yi)份值得“薪(xin)”賞的工作，來華清遠(yuan)見(jian)，沒錯滴！
