HTML5学习路线按照以下四个步骤走：
1、了解HTML5的含义，用途，发展过程等;学习ps软件的基本操作：如切图、抠图等;学习HTML(要学到精通的地步);学习HTML+CSS网页布局;直到自己能够独立用DIV+CSS完成带交互的各种网站的布局、重构，第一阶段学习才算完成。
2、学习PC端网站特效+前后端交互;学习Java和jQuery特效(要求学到精通程度);学习Git管理工具的运用;PHP的基础知识;直到自己能够熟练应用原生Java和jQuery，从而完成时下流行的各种PC端网页(特别是电商网页)特效、前后端交互，第二阶段也就顺利完成了。
3、学习移动端页面开发+ 响应式布局;学习HTML5+CSS3新特性，如：HTML5的文本、图像、链接、表格、列表、表单、框架，CSS基础语法、各种选择器(通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等)、框模型与背景、文本格式化、表格、显示与定位、浏览器调试;常用移动端框架;HyBridAPP开发等;直到能够用原生HTML5和CSS3完成移动端应用，如：WebAPP、微场景、后台管理系统开发等，也就标志HTML5学习路线的第三阶段顺利完成。
4、学习高级前端知识，学习前端开发框架Vue、Angular.js、React.js开发，学习在平台Node.js上开发，学习ES6、前端性能优化，微信端开发、等;能够使用框架开发WEB应用，也就标志着此阶段学习圆满成功。
以上四个步骤学习完美结束，也就已具备企业对于前端开发工程师的用人要求。但如果还想往更高层次发展，那还需要学习的前端知识依旧还很多，也就需要你自己在工作中摸索前进了