論你是專門做研發(fā)的還是業(yè)余興趣，學(xué)習(xí)HTML5都是一個(gè)很好的自我增值。只要對(duì)HTML5充滿興趣，學(xué)習(xí)并不是一件難事。網(wǎng)上有很多讓人眼花繚亂的HTML5培訓(xùn)課程，免費(fèi)的課程不夠系統(tǒng)，收費(fèi)的課程水太深，一不小心就會(huì)被坑。如果大家想系統(tǒng)地學(xué)習(xí)HTML5技術(shù)，小編給大家推薦幾個(gè)網(wǎng)站。

HTML5基礎(chǔ)知識(shí)

W3C

全稱“W3School”，簡(jiǎn)直是學(xué)習(xí)網(wǎng)站中的“戰(zhàn)斗機(jī)”，每一節(jié)都有學(xué)生時(shí)代老師般的“板書(shū)”，豐富的實(shí)例展示，還有工具書(shū)、小測(cè)驗(yàn)等提升工具，私教般的存在！

Dive into HTML5

這個(gè)網(wǎng)站幾乎都是關(guān)于HTML5的文檔，講一些很基礎(chǔ)的知識(shí)，簡(jiǎn)潔清新。如果想學(xué)習(xí)HTML5的同時(shí)提高英語(yǔ)閱讀能力，這個(gè)網(wǎng)站是極好的。類似的英文網(wǎng)站還有woorkup。

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

h5之家

除了豐富且與時(shí)俱進(jìn)的教程，這個(gè)網(wǎng)站還有很多關(guān)于HTML5業(yè)界的獨(dú)特見(jiàn)解，閑暇時(shí)候看看，拓展知識(shí)又能在人前裝X，這樣的網(wǎng)站哪里找！

HTML5案例網(wǎng)站

HTML5xCSS3

擁有超豐富的HTML5案例和模板，隨便點(diǎn)開(kāi)一個(gè)案例都好看到讓人震驚。里面的全部都是HTML5響應(yīng)式網(wǎng)站喲！

360html5基地

350旗下的HTML5作品展示網(wǎng)站，大部分是HTML5游戲展示，可愛(ài)有趣。比如打開(kāi)一個(gè)割繩子的HTML5展示：

HTML5 games

相對(duì)360來(lái)說(shuō)更豐富的HTML5游戲資源，玩著玩著技能激發(fā)設(shè)計(jì)靈感呢！

HTML5技術(shù)網(wǎng)站

whatwg

網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組（Web Hypertext Application Technology Working Group）的博客，里面一些文章能讓人受益匪淺。

HTML5醫(yī)生

一些關(guān)于html5語(yǔ)義及如何使用它們的文章，醫(yī)生會(huì)定時(shí)回答網(wǎng)友們的問(wèn)題。

HTML5中國(guó)

一個(gè)真的能手把手教你6小時(shí)做一個(gè)HTML5坦克大戰(zhàn)游戲的網(wǎng)站，還有各類HTML5的資訊、溝通交流論壇等。

HTML5技術(shù)網(wǎng)

一個(gè)充滿干貨的網(wǎng)站！你想要的不想要的，這里全都有！

HTML5測(cè)試網(wǎng)站

HTMLDemos

測(cè)試HTML5標(biāo)簽在各瀏覽器的兼容性，還能查看各種HTML5的標(biāo)準(zhǔn)Demo演示。

html5test

能為瀏覽器對(duì)HTML5的兼容性打分，可以知道你當(dāng)前的瀏覽器對(duì)HTML5的支持情況如何，各種標(biāo)簽和組件的支持情況。

當(dāng)然，光看網(wǎng)站有的小伙伴會(huì)覺(jué)得沒(méi)有方向感，不妨結(jié)合教科書(shū)來(lái)個(gè)系統(tǒng)的學(xué)習(xí)。入門級(jí)必備兩本教材《Head first HTML&CSS》和《JavaScript DOM編程藝術(shù)》，看書(shū)再結(jié)合網(wǎng)站學(xué)習(xí)，相信不久你就會(huì)成為HTML5大神啦！

如果你學(xué)習(xí)HTML5技術(shù)不是出于興趣，而是出于某些“大家都懂的”原因，其實(shí)不必苦苦拿著教材鉆研，我們可以從能最快捷地解決問(wèn)題出發(fā)。比如需要制作微信HTML5頁(yè)面的，可以用網(wǎng)上如易企秀、maka這類的免費(fèi)平臺(tái)，如果是制作HTML5網(wǎng)站，不妨選擇建站寶盒這種自助建站工具，完全不涉及打碼，每一個(gè)互聯(lián)網(wǎng)人都能用它制作出炫酷多彩的網(wǎng)站。http://www.iisp.com/design/?s=yuqiuping

不積跬步，無(wú)以至千里。千里之行，始于足下。從現(xiàn)在開(kāi)始，每天給自己20分鐘了解HTML5技術(shù)，你會(huì)發(fā)現(xiàn)其實(shí)編程也挺有趣的。

薦幾個(gè)個(gè)人精美網(wǎng)站響應(yīng)式html5網(wǎng)站模板

黑色簡(jiǎn)單的個(gè)人寫(xiě)作博客網(wǎng)站模板html下載

http://www.17sucai.com/pins/21842.html

寫(xiě)作模板

二：簡(jiǎn)潔的木莊網(wǎng)絡(luò)博客html5響應(yīng)式模板

http://www.17sucai.com/pins/demoshow/21669

網(wǎng)絡(luò)博客

精仿jquery插件庫(kù)響應(yīng)式個(gè)人博客網(wǎng)站整站模板

http://www.17sucai.com/pins/20907.html

精仿模板

簡(jiǎn)潔的圖片博客網(wǎng)站html5模板下載

http://www.17sucai.com/pins/20006.html

圖片模板

bootstrap響應(yīng)式個(gè)人社區(qū)空間網(wǎng)站模板下載

http://www.17sucai.com/pins/15661.html

社區(qū)模板

黑色寬屏的個(gè)人相冊(cè)圖片博客模板

http://www.17sucai.com/pins/13234.html

相冊(cè)模板