零基础的同学在想学习HTML5技术之前需要先了解什么是HTML5技术，那么什么是HTML5技术呢? HTML5不是一种编程语言，而是一种标记语言，是程序员开发网页必备的一种开发工具。 目前，HTML5技术非常流行，有专家预测，HTML技术在未来10年内都不会过时。 那么零基础的同学如何学习HTML5技术呢? 下面千锋就整理一份零基础学习HTML5技术的路线图供大家参考。

　　零基础学习HTML5技术主要有以下四个步骤：

　　1、了解HTML5的含义、用法、开发过程等; 学习ps软件的基本操作：如裁图、裁图等; 学习 HTML(达到熟练程度); 学习HTML+CSS网页布局; 直到你能独立使用DIV+CSS完成各种有交互的网站的布局和重构，阶段性的学习才算完成。

　　2、学习PC端网站+前后端交互; 学习JavaScript和jQuery(需要熟练); 学习Git管理工具的使用; PHP基础知识; 直到能够熟练应用原生JavaScript和jQuery，从而完成当前流行的各种PC端网页(尤其是电商网页)、前后端交互，第二阶段就已经顺利完成。

　　3、学习移动端页面开发+响应式布局; 学习HTML5+CSS3新特性，如：HTML5文本、图片、链接、表格、列表、表单、框架、CSS基本语法、各种选择器(通用选择器、元素选择器、id和类选择器、后代选择器、伪类选择器等)，框架模型和背景，文本格式，表格，显示和定位，浏览器调试; 常用的移动端框架; HyBridAPP开发等; 直到能够使用原生的HTML5和CSS3完成移动应用，如：WebAPP、微场景、后台管理系统开发等，也标志着HTML5学习路线第三阶段的圆满完成。

　　4、学习前端知识，学习前端开发框架Vue、Angular.js、React.js开发，学习Node.js平台开发，学习ES6、前端性能优化、微信开发等; 能够使用框架开发WEB应用，也标志着这个阶段学习的圆满成功。

　　学习js的时候，会接触到一些后端的东西，没错，就是ajax。 这就需要后台返回数据。 这个时候你就要开始学习php了。 上手php会比js麻烦，因为跑php需要处理很多细节。 再次是学习jquery。 jquery相当于一个js插件，封装了一组js。 目的是操作起来更方便，写的代码更少，jquery上手也比较简单。 入门需要学习的和js一样，只是换成了jq代码。 在谈到如何学习HTML5技术的路线图时，我们还必须了解学习前端开发所使用的工具。 目前常用的是Dreamweaver。 它面向初学者，其强大的提示功能可以帮助我们快速熟悉和掌握网页的布局。

　　以上就是千锋小编为大家介绍的零基础学习HTML5技术的路线图。 如果你想学习HTML技术，那么千锋小编建议你可以来我们千锋HTML5培训班实地考察一下，来免费体验我们的HTML5课程吧。

上一篇

零基础如何学习嵌入式文件系统知识？

下一篇

零基础学习python难不难？