零基础如何迅速学习HTML（或HTML5）？

关键词：`零基础`，`迅速`，`HTML`

如今在移动端流行“高大上”的HTML5。做为代码零基础，该如何迅速学习HTML（或HTML5）？

既然是零基础，就先学学基础， 基础学习推荐菜鸟教程。

前端的基础知识无外乎就是html，css，js三大类，html控制结构和内容，css修饰结构和内容，js控制动效集合交互，因为要求迅速，因此时间应按安排的合理。

1.html、html5标签能够快速的过一遍，大概2~3天，不用所有记住，要会灵活运用，什么状况下用什么标签要了解，不过用的多了天然就熟练了。

2.css、css3：也是先总体过一遍，大概3~4天，主要关注选择器的语法和优先级算法，各类样式也是写多了熟练就行了，写好高效简洁 的css仍是看选择器的写法。

3.了解各类各样的布局，web页面的主要元素。有不少不一样的方法去组织它们，全部的web页面都用一个container，主要是为了同一个目的：去包含一些页面元素，然而这个方法实现各有不一样。例如，body标签或者是最经常使用的div。甚至于过去经常使用的table（不要使用table做为你的container，这是一个破方法）。多去各类类型的网站逛逛，了解布局类型，以及布局类型的实现方法。

4.模仿几个PC、移动端网站：一周左右，学编程主要仍是靠练习，必须得多写多想，练习的不是看细节要多好，主要是了解html结构，css的各类属性。

css样式怎么组织起来的，css和html怎么结合，多想一想一些网站的布局为何要这么作，这地方能不能精简，网站都不是很复杂的，优化空间都是有的；

经过上面的学习，基本上能够进行静态的网页布局了，若是有不错 的布局意识，良好的 色感，那是大大的加分的啦。

下面就是JS了

js是能够同时控制html和css的，因此js在前端的地位是很重要的，可是都要有html和css的基础上去学习的：

1.基础语法：仍是能够在菜鸟教程菜鸟教程，学的不只仅是技术，更是梦想上去学习，能够去一些网上找视频看看，过一遍也至关快，可是理解能力要够好的。

2.重点：事件、DOM操做，这都是js最原始的东西，主要是用来作交互 的。

3. 组织代码：了解函数，了解对象，主要是为了以更好的方式组织你的代码。否则你一行一行写下去也行，但彻底没有条理，往后也没法改动。写代码要养成一个好习惯，除了考虑怎么实现，还要考虑怎么去组织代码，把你的代码弄得条理分明。

进阶

经过以上基础学习后，基本上都能知足产品大人的常规需求了。下面就要往炫酷、屌炸天的方向去努力了：

1. 调试工具：极度推荐chrome！抱歉，其实应该在最开始推荐的。在写CSS的时候，你仍是写一下保存而后打开浏览器看效果？用用chrome开发者工具吧，CSS实时调整，爽！js各类调试，爽！[chrom使用教程](Chrome开发者工具不彻底指南（1、基础功能篇） )

2. 性能意识：以前的基础学习都是为了作出一个东西，而如今你应该要想着作出一个高性能的东西。性能主要有两方面：加载速度以及页面执行效率（多指动画），直观点说就是卡不卡。这里能够看看腾讯前端项目组的总结：[移动H5 前端性能优化指南](移动H5前端性能优化指南 )

3. 代码规范：基础部分的代码组织没有着重强调，是由于那个时候了解太少，以实现为目的。如今进阶阶段就要考虑使用面向对象的方式来组织代码了，并且还要有模块化工程化的意识。能够从js看起[阮一峰的模块化教程](Javascript模块化编程（一）：模块的写法 )，主要是理解这么个思路，往后语言层就会支持。

4. 了解一下服务器开发，作前端老是要跟服务器配合的，你要是彻底不懂后端，那就简直没法交流了呀。

最后说一点：时刻紧跟技术风向！