論你是專門做研發的還是業余興趣，學習HTML5都是一個很好的自我增值。只要對HTML5充滿興趣，學習并不是一件難事。網上有很多讓人眼花繚亂的HTML5培訓課程，免費的課程不夠系統，收費的課程水太深，一不小心就會被坑。如果大家想系統地學習HTML5技術，小編給大家推薦幾個網站。

HTML5基礎知識

W3C

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

Dive into HTML5

這個網站幾乎都是關于HTML5的文檔，講一些很基礎的知識，簡潔清新。如果想學習HTML5的同時提高英語閱讀能力，這個網站是極好的。類似的英文網站還有woorkup。

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

h5之家

除了豐富且與時俱進的教程，這個網站還有很多關于HTML5業界的獨特見解，閑暇時候看看，拓展知識又能在人前裝X，這樣的網站哪里找！

HTML5案例網站

HTML5xCSS3

擁有超豐富的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。里面的全部都是HTML5響應式網站喲！

360html5基地

350旗下的HTML5作品展示網站，大部分是HTML5游戲展示，可愛有趣。比如打開一個割繩子的HTML5展示：

HTML5 games

相對360來說更豐富的HTML5游戲資源，玩著玩著技能激發設計靈感呢！

HTML5技術網站

whatwg

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

HTML5醫生

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

HTML5中國

一個真的能手把手教你6小時做一個HTML5坦克大戰游戲的網站，還有各類HTML5的資訊、溝通交流論壇等。

HTML5技術網

一個充滿干貨的網站！你想要的不想要的，這里全都有！

HTML5測試網站

HTMLDemos

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

html5test

能為瀏覽器對HTML5的兼容性打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。

當然，光看網站有的小伙伴會覺得沒有方向感，不妨結合教科書來個系統的學習。入門級必備兩本教材《Head first HTML&CSS》和《JavaScript DOM編程藝術》，看書再結合網站學習，相信不久你就會成為HTML5大神啦！

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

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

tml5+css+jquery簡單模板免費領取

關注加私信給我我發模板

簡單html手機模板

簡單博客頁面

簡單的導航

簡單的后臺模板

簡單后臺模板2

套模板不僅僅帶后臺（SiteServer CMS），而且還帶模板使用說明手冊的。不僅僅可以下載到模板，還能下載到整個后臺，本地直接配置起來就可以使用。

1、企業站模板一

在線瀏覽地址：http://templates.siteserver.cn/medraut/index.html

GitHub下載地址：https://github.com/siteserver/template-medraut

這是一套響應式的企業網站，適合企業、公司、或者產品型公司。分類展示，信息展示、增加網站的互動性。跟Banner大圖對應起來，整個網站展示方面可以做的非常絢麗多彩。

2、門戶站模板

在線瀏覽地址：http://templates.siteserver.cn/girish/index.html

GitHub下載地址：https://github.com/siteserver/template-girish

這一套自適應的站長模板，這套模板，我們會發現它雖然模塊不少，有評論、有注冊登錄、有搜索、有文章排行、專題等模塊，但它的結構還是比較簡單的，模板頁面數量少，首頁、欄目頁、文章內容頁，欄目頁還跟首頁結構一樣。

3、企業站模板二

在線瀏覽地址：http://templates.siteserver.cn/batraz/index.html

GitHub下載地址：https://github.com/siteserver/template-batraz

這是一套響應式網站模版，適應于互聯網、企業、媒體、產品型公司以及各種企業集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。因此，你不得不擔心響應式網站在移動端的速度以及流量消耗，我們采用圖片處理技術后，在手機上會只加載尺寸更小的圖片。

4、大學官網模板

在線瀏覽地址：http://templates.siteserver.cn/albrecht/index.html

GitHub下載地址：https://github.com/siteserver/template-albrecht

這是一套學校模板，適用于各類大學、綜合院校，當然刪減一些欄目，一樣適用各個中小學網站。同樣作為一套自適應的學校模板，這套模板包含了學校主頁、院系列表頁、院系主頁、科研專題頁、教學專題頁、周邊生活專題、圖片列表頁、人員列表專頁、新聞列表頁、搜索結果頁、內容頁等板塊。

5、博客模板

在線瀏覽地址：http://templates.siteserver.cn/scevola/index.html

GitHub下載地址：https://github.com/siteserver/template-scevola

這是一套響應式博客模版，適應于科技、個人博客、互聯網、媒體等產品型公司網站模板。所有圖片在手機端都進行過處理，簡單而又清爽的企業、博客響應式模板。

6、單頁H5模板

在線瀏覽地址：http://templates.siteserver.cn/milenko/index.html

GitHub下載地址：https://github.com/siteserver/template-milenko

這是一套響應式的單頁宣傳性網站，適合一些房產、或者產品型公司，簡單的展示一些個人或者企業信息。圖片切換板塊對圖片進行分類展示，可以保持內容圖片的多樣性又不雜亂，增加網站的互動性。可以一次性展示多張圖片，跟banner大圖對應起來，整個網站展示方面可以做的非常絢麗多彩。整個網站單頁展示，雖然看起來略顯單薄，但對應有些企業來說非常適合，展示必要的信息，用戶瀏覽起來直觀、不繁重。

7、企業站模板三

在線瀏覽地址：http://templates.siteserver.cn/aeson/index.html

GitHub下載地址：https://github.com/siteserver/template-aeson

這是一套響應式網站模版，適應于地產、汽車、互聯網、建筑、媒體、家居、產品型公司以及各種企業集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。

8、企業站模板四

在線瀏覽地址：http://templates.siteserver.cn/kevan/index.html

GitHub下載地址：https://github.com/siteserver/template-kevan

這是一套響應式網站模版，適應于企業、汽車公司、產品型公司以及各種企業集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。因此，你不得不擔心響應式網站在移動端的速度以及流量消耗，我們采用圖片處理技術后，在手機上會只加載尺寸更小的圖片。