自学HTML5 的步骤应该是怎样的?

新手步骤：1、HTML的沿革；

2、HTML的大致结构；

3、HTML5的多媒体播放、Canvas、地理定位、本地存储等已经被支持的分支标准下的知识（涉及到很深的javascript知识，特别是Canvas）；

4、除了javascript之外，CSS3也是必学的；

5、虽然HTML5是个浏览器厂商合伙打到W3C的XHTML2.0制定的标准，但是各个浏览器的支持度还是很不一致的，特别是IE，所以，还需要在学习CSS3的时候深入了解下浏览器对CSS3新属性的支持情况，还有就是随时了解HTML5的支持情况。如果熟悉HTML4.X或者XHTML1.X，可以忽略上述第一二条。

我觉得首先，你要买本自己看的上的实体书作为教材来读。虽然有电子版的书，但是实话还是实体书来的安逸，可以笔记，可以勾勾画画。

具体什么书，你自己看的顺眼，不要太厚就行。太厚了，你看着就会放弃的。但是，书本一定要涵盖2大基本知识模块：HTML标签，CSS样式。

看书学习的重点内容：常见的HTML标签，常用的样式-- 什么叫常见的？书上有的都是常见的。不常见的作者也不会写。

看书没看懂，再针对不懂的地方，百度。

实体书看到到你觉得差不多了，可以进行第二步了。PS：什么叫差不多了？就是你觉得自己“入门”了：可以写网页导航、新闻列表、图片列表、图文混排、会左（中）右结构、了解浮动和清除浮动、会使用超链接、懂的:hover 的用法了，我觉得你算“入门”了。

第二步：网上下个PSD网页模版。从头到尾写一遍（ 不用理Javascript交互效果。）

页面效果工整，兼容性良好，兼容IE11及以上，chrome浏览器就ok。

一个不够，就再来一打。直到你能顺利写出页面结构而且效果完美（当然还是没有JS效果）。你就可以开始下一步.

第三步：开始填你的Javascript的坑吧

是不是觉得写了很多页面，但是却点交互哇？不会写图片轮播，不会写二级菜单，不会点击出现d窗。。。这些都要JS的。所以，在熟悉了HTML和CSS之后，你就要重点学习Javascript了。还是那句话买本书来入门，结合网上的视频教程，坚持学习吧。

第四步：熟悉JS了后，就开始你的HTML5的专项编程吧。

canvas，音视频控制，多线程，本地存储，这些都要JS来 *** 作哒。

第五步：继续你的js的天坑-- 可以熟悉一些常用的JS框架了

jquery，boostrap，vue，AngularJS 等等。又是一条漫长的路。。。

以上走完，你可以去上班了。时间也应该1年了吧。当然，你学的快可能几个月。不过后面还有很多坑，比如node，模块化编程思想，面向对象编程思想等等。。。

加油，前端不易，且学且珍惜。

---