論你是專門做研發的還是業余興趣，學習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技術，你會發現其實編程也挺有趣的。

陰似箭，在千鋒HTML5面授學習已經兩個月了，同剛來那會相比，自己對HTML5有了更深的了解。在進入二階段學習Javascript后，發現自己對于邏輯類的相關知識理解起來很困難。

二階段學習了源生JS，由于自己以前接觸過一點點編程知識，對于前兩周所學的內容很快就能理解并熟練操作，但每門編程語言都有自己的編程規則，JS和自己所接觸的知識還是有點偏差，所以學到后面的一些知識點，發現自己理解起來有些困難。主要問題有以下幾方面：

一、易懂易忘。學習這門課程時，我發現很多內容自己很容易理解，而且老師講解的內容也很容易接受，但是經過幾天后再回顧之前所學的知識點，找出自己之前做過的一些練習題，發現自己將一些知識點已經忘記了。發現這種情況后，自己就會抽空回顧之前學習的內容，但是發現自己記住的僅僅是老師講過的東西，并沒有做到融會貫通，深刻理解。

二、操作無從下手。理論知識學的再好，如果不手動操作就會很快遺忘，甚至不知道自己哪里不懂。剛開始學習的時候就進入了一個學習誤區，平時有做筆記的習慣，所以總是會手動的去寫一些代碼，由于學習時間緊張，導致一些內容就沒有操練過，就將這些問題全部堆積到周末。還有老師講的知識點都聽懂了，但是讓自己去操作的時候，真的是無從下手。記得老師說過，程序員需要“心黑手狠”，不管想到什么，就要去動手操作，不然一直想也想不出結果，也不知道自己的問題在哪里。

三、理解能力差。每個人的學習能力都不相同，有的人學習能力強，邏輯思維強，很容易理解，并且能夠熟練應用，而有的人就是屬于邏輯稍微差點，接受能力相對比較差點的，學習這種邏輯性強的知識點就很吃力，很顯然我就是后者。

想要解決問題首先就要找到問題，能在學習過程中總結不足，我認為這也是一種進步，相信我能克服這些困難，在開發的道路上不斷向前。

最近兩年web前端開發工程師工資都在10k~30k之間，前端開發工作一個月的工資相當于普通員半年工資。很多轉行的人把目標放在web前端開發商，前端開發很多東西都是在HTML5建立上的，HTML5技術自然成了行業的風口。

網上有很多免費視頻，新手依舊很難看懂，也沒人解決問題。全日制學習代價太大，辭掉工作，培訓費用基本都在2W+以上。現在很多人轉行做web前端開發的的情況是：看著眼紅，學著起來太難，學好還不知道是什么時候。那么新手學習HTML5應該從哪里開始。

HTML5是一個建設網站的技術，但是只知道HTML5也做不好前端，還要學習CSS樣式，、JS、JQ等，這些技術掌握了，才可以建立一個完整的網站。如果說連這些技術你都不知道的話，最好別茫然去培訓什么的，給你多久，可能也學不會。真的想轉行做前端開發的，最后找那種在線上一對一的學習課程，具體學費是多少，自己去了解，看看學成之后的回報，對比一下，在考慮要不要學習。

HTML5的學習順序如下：

第一階段：HTML5+C33S新屬性

在第一階段中，我們不僅要學習HTML+CSS的靜態布局，還要把HTML5的新特性，CSS3的新屬性掌握的非常好，可以說HTML5就是另一種的JS，專門寫特效。

第二階段：JS+JQ

在第二階段中，我們迎來了比較難搞的JS，JS作為前端開發者的工資標準，還是不容小視的，不要把他想的太簡單，學習JS要有獨立的思維，不然很難學好，而JQ是JS封裝的框架，只要底層的東西學好，這些就沒有問題。

第三階段：框架node.js ves.js 等等

進去了我們的框架階段，就是目前公司都要應用的框架，這個肯定要難一點，還是那句話，底層的JS理解透徹，這些框架同樣也是小事情。

第四階段：整合項目實戰學習

項目實戰非常的重要，現在公司都要那種有項目經驗的人，所以多給幾個項目實戰，是非常有利于找工作的。

不管學啥技術，只有根據自己的情況制定適合的學習方法才好。這個時代沒有輕松掙錢的工作。學習前端一點捷徑都沒有。加油吧！不懂的隨時問我，我的前端學習交流群?Q296212562，很多都是在自學的新手，有不懂的問題可以隨時提問，對于學習方法，學習效率方面可以跟我請教，有時間的話可以解答，群里也有很多學習資料。