求分享一些HTML5的学习方法，感谢！

方法1 整体到局部，骨架到血肉

在学习HTML和CSS时，会涉及到网页的搭建。学习这个知识时，我们采用的方法是“由外及内”，“由整体到部分”，“由全局到细节”。 学习东西，特别是在初识某个事物时，一定要从主干到枝叶，而不要陷入细节，纠结于其中。主干如同知识的一个主线，这种先找主干后添枝叶的学习方法能够让知识遗漏变成较少，也会比较容易建立起知识知识间的关系。

方法2 类比

在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。辨析，或者也可以叫做类比。

这种方法主要针对于区分相似的两种或多种事物。如strong与em，块元素与行元素，同步与异步。

对于此类知识，应多多思考，抓取几种事物的不同点，结合去记忆。

方法3 记忆很重要

学习时会遇到一些知识点，如有哪些数据类型，有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解较重要，不需要记忆。这种想法是有问题的，如果连记都记不住，还谈什么理解?

方法4 聚沙成塔

在网站中，我们能够看到各种各样的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧，就会发现，其实较初的它很简单。

方法5 循序渐进

一口吃不成胖子，也不是有一顿饭没吃就可以减肥成功的。在学习过程中，会遇到一些“大型”的知识，这种知识比较难啃。遇到此类知识，不要想着如何一口吃掉它，而要一步一步来。动画框架的学习就是一个典型。

在循序渐进中，思路很重要，换句话说，我们知道一个知识点很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我们弄不清楚先吃什么再吃什么，也很难把这个知识啃下来。

这时候需要“思路”，也就是“流程”，在学习知识中，重点是关注流程和思路，而具体的小知识点充当的是血肉(和我们提到的第一个方法就挂钩了，就是分清主干和枝叶)

方法6 知识的迁移

用已有知识辅助未知知识的学习，是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如：圆角边框与外边距、背景切割与背景原点、JS对象与JSON等

方法7 生活辅助学习

这种方法是讲师用的较多的。

利用生活中实际的事物去辅助抽象知识的学习，能够让我们更好更快的理解和吸收知识。

例如在讲解盒模型时我们利用了快递中的方鱼缸。在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时，我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系。

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢?

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

---