如今，HTML5的發展前景一片大好，企業對HTML5建站需求攀升，HTML5游戲領域研發火熱。HTML5技術能為我們帶來炫酷的視覺體驗，除了電腦瀏覽器上讓人瞠目的效果，HTML5在移動端的表現更讓人驚喜。HTML5作為時下最熱門的的計算機技術，吸引了很多IT人的目光。

無論你是(shi)專(zhuan)門(men)做研(yan)發的(de)還是(shi)業(ye)余興趣，學(xue)(xue)習(xi)HTML5都是(shi)一(yi)個很(hen)好的(de)自我增值。只要(yao)對HTML5充滿興趣，學(xue)(xue)習(xi)并不是(shi)一(yi)件(jian)難事。網上有(you)很(hen)多(duo)讓(rang)人(ren)眼花繚亂的(de)HTML5培訓課程(cheng)(cheng)，免(mian)費的(de)課程(cheng)(cheng)不夠(gou)系統，收費的(de)課程(cheng)(cheng)水太深，一(yi)不小心就(jiu)會被(bei)坑。如果大(da)家想(xiang)系統地(di)學(xue)(xue)習(xi)HTML5技術，小編給(gei)大(da)家推薦(jian)幾個網站。

HTML5基礎知識

W3C

全稱“W3School”，簡(jian)直是學習網站中的“戰斗機”，每(mei)一節都有學生時代老師般(ban)的“板書”，豐富的實例展示，還(huan)有工具書、小測(ce)驗等(deng)提升工具，私教般(ban)的存在(zai)！

Dive into HTML5

這個網(wang)站(zhan)(zhan)(zhan)幾乎都(dou)是(shi)關于(yu)HTML5的(de)(de)文檔，講(jiang)一些很基礎的(de)(de)知識，簡潔清(qing)新(xin)。如果想學習HTML5的(de)(de)同(tong)時提高英語閱讀能力，這個網(wang)站(zhan)(zhan)(zhan)是(shi)極好(hao)的(de)(de)。類(lei)似(si)的(de)(de)英文網(wang)站(zhan)(zhan)(zhan)還有woorkup。

如果(guo)英語不好，小編(bian)只能幫你到這了。

h5之家

除(chu)了豐富且(qie)與時俱(ju)進的教程，這(zhe)個網(wang)站還(huan)有(you)很(hen)多關于HTML5業界(jie)的獨特見解，閑(xian)暇時候看(kan)看(kan)，拓展知識又能(neng)在人前裝X，這(zhe)樣(yang)的網(wang)站哪里找(zhao)！

HTML5案例網站

HTML5xCSS3

擁有(you)超(chao)豐富(fu)的HTML5案例和(he)模板(ban)，隨便點開一個案例都(dou)好(hao)看到讓人震(zhen)驚。里面的全(quan)部都(dou)是HTML5響應式網站喲！

360html5基地

350旗下(xia)的(de)HTML5作(zuo)品展(zhan)示網站，大部分是HTML5游戲展(zhan)示，可愛有趣。比(bi)如(ru)打(da)開一個割(ge)繩子的(de)HTML5展(zhan)示：

HTML5 Games

相對360來說更(geng)豐(feng)富的HTML5游戲(xi)資源，玩(wan)著玩(wan)著技能激(ji)發設計靈感呢！

HTML5技術網站

whatwg

網絡超文本應(ying)用技術工作小組（Web Hypertext Application Technology Working Group）的(de)博客(ke)，里面一(yi)些(xie)文章能讓人受益匪淺。

HTML5醫生

一些關于(yu)html5語義及如何使用它們的文章，醫生會定時回(hui)答網友們的問(wen)題。

HTML5中國

一(yi)個(ge)真(zhen)的能手(shou)把(ba)手(shou)教你6小時做(zuo)一(yi)個(ge)HTML5坦克大(da)戰(zhan)游戲的網站(zhan)，還有各類HTML5的資訊、溝通(tong)交流論(lun)壇等。

HTML5技術網

一個(ge)充(chong)滿干(gan)貨的網站(zhan)！你想要的不想要的，這(zhe)里(li)全都有(you)！

HTML5測試網站

HTMLDemos

測試(shi)HTML5標簽在各瀏(liu)覽器的兼容性，還(huan)能查看各種(zhong)HTML5的標準Demo演示。

html5 test

能為瀏覽器對HTML5的(de)兼(jian)容性打分，可以(yi)知道你當前的(de)瀏覽器對HTML5的(de)支持(chi)情(qing)況(kuang)如何，各種標簽(qian)和組件的(de)支持(chi)情(qing)況(kuang)。

當然，光(guang)看(kan)網(wang)(wang)站有(you)的小(xiao)伙伴(ban)會覺得(de)沒有(you)方(fang)向感(gan)，不妨結(jie)合教科(ke)書來個系(xi)統的學習(xi)。入(ru)門級必(bi)備兩本教材《Head first HTML&CSS》和(he)《JavaScript DOM編程藝術》，看(kan)書再結(jie)合網(wang)(wang)站學習(xi)，相信(xin)不久(jiu)你就會成為HTML5大神啦！

如果你學習HTML5技術不是出于興趣，而是出于某些“大家都懂的”原因，其實不必苦苦拿著教材鉆研，我們可以從能最快捷地解決問題出發。比如需要制作微信HTML5頁面的，可以用網上如易企秀、maka這類的免費平臺，如果是制作HTML5網站，不妨選擇建站寶盒這種自助建站工具，完全不涉及打碼，每一個互聯網人都能用它制作出炫酷多彩的網站。

不積跬步，無以至千里。千里之行，始于足下。從現在開始，每天給自己20分鐘了解HTML5技術，你會發現其實編程也挺有趣的。//szjicheng.cn/design/?s=yuqiuping