前端开发的入门门槛其实很低。相比服务器端语言的学习曲线，前端开发的学习曲线是先快后慢。

所以对于想从事IT工作的人来说，前端开发是一个很好的起点。

对于零基础的HTML5学习者来说，首先需要的是一条清晰的HTML5学习路线，就像一本书的目录。有了它，他们可以对一门语言有一个宏观的概念，更有针对性地学习，这对零基础的白人学生尤其重要。

下面，小编就为大家揭晓HTML5入门路线是什么样的？

基本概念

超文本标记语言是一种用于创建网页和网络应用程序的标准标记语言，可用于定义和描述网页的内容和结构。和CSS、JavaScript一起构成了互联网的基础技术。

1、HTML5介绍

内容包括：互联网发展趋势、H5语言优势、易学易用、人人都能编程、H5就业和薪酬情况、H5常见项目和产品、H5未来和方向

2、HTML基础

内容包括：HTML介绍和版本历史，常用开发软件，常用标签和属性，表格和表单，标签规范和标签语义，实战：网页结构布局

3、CSS基础

内容包括：css介绍与基本语法，常用样式属性，CSS选择器与标签类型，理解框模型与CSS重置，浮动与定位，用photoshop工具测量样式，用HTML CSS开发网页，实战：高仿电商首页效果

4、CSS3基础

内容包括：css3通用样式、css3选择器、变形与动画、3D效果与关键帧、弹性盒模型

5、移动端布局

内容包括：移动终端的基本概念、视窗设置、移动终端布局方案、rem、vh、vw等单元、响应布局、bootstrap框架

6.、JavaScript基础

内容包括：JS介绍，JS变量，数据类型和类型转换，运算符和优先级，过程控制-if.else过程控制开关.case，process control -while，do.而对于loop，break，continue语法，函数定义和调用，全局变量和局部变量。

还有返回值涉及的函数传递，函数作用域和变量作用域，DOM基本操作，定时器使用，这个指向和修改指向，数组，字符串等方法操作，时间对象和正则对象，掌握常用的BOM操作，常用的事件和事件细节，JSON和AJAX，JSONP跨域操作，前端cookie使用，实战：JS配合HTML和CSS完成电商项目

7、jquery框架

内容包括：jquery框架及优势介绍，jquery核心思想，jquery常用方法，jquery动画操作，jquery Ajax操作，jquery工具方法，利用jQuery快速开发网页

8、PHP基础

内容包括：PHP简介及基本语法，mysql数据库及sql语法，apache服务器及集成开发工具，PHP链接数据库，PHP与AJAX交互，实战：留言板，登录，注册等。

9、H5基础项目

内容包括：项目介绍、项目功能演示、项目划分与框架、编译HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等。项目调试和兼容性、项目验收。

虽然HTML5前端薪资高入门门槛低， 但是俗话说得好：入门容易，精通难。

HTML5前端开发有很多知识点，掌握HTML5前端工程师的开发技巧并不容易。