html5目前非常火爆，而专家判断其在未来10年内都不会过时。越来越多的小伙伴也都开始学习html5技术，但许多小伙伴不知学习html5该从何处着手，也不知正确的的html5学习路线是怎样的，这也就导致了学习html5的效果不佳，效率更是不高。那么小编今天就与大家分享一条正确的学习路线，为诸位小伙伴解惑。
对于我们刚开始学习html的学生来说 ，繁杂的标签是非常麻烦的 而且不好记，闲话少说，首先我推荐的编译器是Hbuider，作为我们中国人开发的第一个编译器，我们理所当然支持一下。
先来讲一讲h5最值钱的地方，他最大的好的地方就是他可以兼容微信、安卓、ios三个端口都可以实现代码的兼容，我们现在用的淘宝客户端都是用h5来实现的，他不但流畅性很好而且更加美观！
我们需要知道html是一个标签语言而不是编程语言，所以比较简单。
<h#></h#>标题标签
立即学习“前端免费学习笔记（深入）”；
<hr/>水平线
<br/>强制换行
<p></p>段落标签
空格
<i></i>斜体<em></em> 语气强调 斜体
<strong></strong>更强烈的语气 粗体<b></b>粗体
<del></del>中间划线
<ins></ins>下划线
<sub></sub>下标
<sup><sup>上标
<span></span>为文字单独定义样式
<q></q>短文本的引用
<blockquote></blockquete>长文本的引用
<nobr></nobr>不换行
这上面的是一些最基本的标签 刚开始学的时候不需要掌握太多的东西，最基本的东西必须会熟练应用！
<h>标签 标题标签 就是我们做文档时候用的一级二级三级...标题在这里是<h1><h2><h3>.....这样定义的 不过他是双标记语言
比如我们定义一个一级标题是<h1>我是h1标签</h1>
这样是有始有终 html中大多数都是这样的 不过也有一些是单开门的标签这个我们后来学的时候回逐渐接触到。
还有就是我们最重要的html组成，我个人是吧他当成一个朋友认识的
这是整体的一个标签布局 <html></html>是这个人从头到脚的衣服 下面是head 就是头部 我们定义的样式都在这写的 了解的朋友可能有的了解 就是css的样式写在这里
再往下就是body也就是身体了 头下面就是身体 身体就是写我们布局的代码的了
HTML5学习路线按照以下四个步骤走：
1、了解HTML5的含义，用途，发展过程等；学习ps软件的基本操作：如切图、抠图等；学习HTML（要学到精通的地步）；学习HTML+CSS网页布局；直到自己能够独立用DIV+CSS完成带交互的各种网站的布局、重构，第一阶段学习才算完成。
2、学习PC端网站特效+前后端交互；学习JavaScript和jQuery特效（要求学到精通程度）；学习Git管理工具的运用；PHP的基础知识；直到自己能够熟练应用原生JavaScript和jQuery，从而完成时下流行的各种PC端网页（特别是电商网页）特效、前后端交互，第二阶段也就顺利完成了。
3、学习移动端页面开发+ 响应式布局；学习HTML5+CSS3新特性，如：HTML5的文本、图像、链接、表格、列表、表单、框架，CSS基础语法、各种选择器(通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等)、框模型与背景、文本格式化、表格、显示与定位、浏览器调试；常用移动端框架；HyBridAPP开发等；直到能够用原生HTML5和CSS3完成移动端应用，如：WebAPP、微场景、后台管理系统开发等，也就标志HTML5学习路线的第三阶段顺利完成。
4、学习高级前端知识，学习前端开发框架Vue、Angular.js、React.js开发，学习在平台Node.js上开发，学习ES6、前端性能优化，微信端开发、等；能够使用框架开发WEB应用，也就标志着此阶段学习圆满成功。
以上四个步骤学习完美结束，也就已具备企业对于前端开发工程师的用人要求。但如果还想往更高层次发展，那还需要学习的前端知识依旧还很多，也就需要你自己在工作中摸索前进了。
【相关推荐】
