一、学习HTML5必须明确的几点：
1.明确你将来是做什么工作的，需要掌握哪些技能，很多人连这个就不知道就盲目的学，你首先清楚，现在公司需要什么人才，你应该奔着什么目标努力。
2.系统的学习规划，规划好你每天学习的新知识和每天做的作业和练习，很多人想自学HTML5，两个就看完了，这样的能找到工作算是出奇了，现在学习HTML5想找到工作，培训还要4-6个月的时间，所以规划是一定要有的。
3.注意学习方法，很多人在学习HTML5的时候，开始学那一刻起就选择了错误的学习方法，所以最后注定会放弃，回到原来的岗位继续做着自己不喜欢的事情，学习HTML5需要一定的技巧，在开始学之前多跟别人问问，不要自己盲目的自学，浪费时间。
二、HTML5的学习路线
第一、 前端入门
先熟悉前端基础，再做些小项目快速上手。
前端的基础：JavaScript，HTML，CSS，然后学习jQuery。
基础入门可以按照Web前端工程师学习路径学习，看教程的同时，要多多练习。走向大神的路无他，唯手熟尔。可以模仿自己喜欢的漂亮的网站，写写页面，实现一些特效。
想学好前端的可以加裙378410329大家一起交流学习。
基础篇
1.Web - HTML基础入门
如果你想制作自己的网页，做网页设计，网站开发，那么你首先要学习的就是HTML，本教程就是入门HTML实验。
2.Web - CSS速成教程
CSS即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
3.Web - Javascript基础（新版）
介绍 JavaScript 的语法及事件、对象、DOM 等基础知识。
4.HTML5 - HTML5基础入门
HTML5有很多新特性，本实验将做入门介绍。
5. Web - jQuery基础入门
jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器。
6.Web - Bootstrap3.0入门学习
项目篇
下面是一些有意思的前端练手小项目。
1.HTML5 - HTML5两步实现拼图游戏
使用HTML5和css3实现的九宫格拼图游戏。
2.Web - 网页版扫雷
相信大家都玩过windows系统自带的扫雷，今天我们来做一个网页版的扫雷。
3.Web - 亲戚称谓计算器
使用html,css,jquerymobile带你完成一个亲戚称谓计算器，帮你快速想起你的亲戚的称谓
4.Web - 打造网页版「大白」
使用 HTML 和 CSS 来打造自己的「大白」，最好对 HTML 和 CSS 有一定的了解。
5.Web - 网页版-别踩白块游戏
用最基础的html，css，以及原生的JavaScript实现一个网页版本的“别踩白块”游戏，有图有真相。
6.Web - Ajax歌词同步播放器
用JS实现动感的歌词同步播放器，仅需简短的JS代码就可以实现歌词同步播放，配合简单的几十行php既可以实现切换歌曲。全部是Ajax哦，非常简单。
7.PHP - 转盘抽奖
使用javascript、html、css、jquery和php实现一个转盘抽奖，让你窥探抽奖背后的秘密。
8.HTML5 - HTML5 本地裁剪图片
利用HTML5的File API和Canvas实现本地的图片裁剪
9. Web - SCSS（SASS）画小黄人
SCSS（SASS）画小黄人，学习CSS3。
第二、 如今的前端
近几年前端发展迅速，ES6的普及速度更是惊人，所以一定要学习ES6/7（ECMAScript 6入门）。
其次是Node.js，Node.js是服务器端的一个平台，其给前端开发提供了很多实用的工具，是如今前端开发的重要组成部分。
工具推荐：Babel，Webpack，Postcss。
框架推荐：React，Vue.js。
第三、不止前端
使用Hexo（一个Node.js平台下的静态博客）在 github page 上面搭建一个博客，通过博客写下自己学习过程中的经验和问题可以与更多的人交流，提交自己的代码到github上面保存自己的成果。写博客是一个很好的成长方式。
前端已不是从前的前端，不仅仅是切页面做特效，如今的前端项目越来越庞大，需要重视项目组织和管理，需要工程化，需要前端架构。
同时，学习一门后端语言更有利于在前端的路上走得更远。
三、找一家靠谱的HTML5开发培训机构
如果题主想快速学好HTML5，并找到一份不错的工作。最快也是最靠谱的方法就是参加培训。培训机构的课程一般是4-5个月，课程结合当下前沿的网页技术，紧贴主流企业一线需求，注重项目和实战能力。并且有一群志同道合的小伙伴一起学习，学习更系统专业。最好是找全程面授模式的培训班，觉得更具体全面，学习效果更好。