论你是专门做研发的还是业余兴趣，学习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，很多都是在自学的新手，有不懂的问题可以随时提问，对于学习方法，学习效率方面可以跟我请教，有时间的话可以解答，群里也有很多学习资料。