HTML5学习步骤

如何学习HTML5？这个话题，问的人很多，随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图，按照这个路线图学习以后，一般的HTML5项目开发就没问题了。

仅作为参考。

 

1. HTML5教程

主要学习HTML标签、属性和事件。

参考：http://www.w3school.com.cn/html5/index.asp

 

2. CSS教程

主要学习使用CSS来控制网页的样式和布局。

参考：http://www.w3school.com.cn/css/index.asp

      和一本讲解CSS3的书。

 

3. JavaScript教程

做HTML5开发，主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库，方便开发。

JS教程：http://www.w3school.com.cn/js/index.asp

JQuery教程：http://www.w3school.com.cn/jquery/index.asp

 

4. HTML5其它的核心技术

以上只是基础，做HTML5开发，可能会用到下面的技术。

1）WebWorker

可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。API可以参考：http://www.w3.org/TR/workers/

2）WebSocket

浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。API可以参考：http://www.w3.org/TR/websockets/

3）Canvas2D

浏览器中画图。可以用于游戏开发等等场合。详细API可以参考：http://www.w3.org/TR/2dcontext/ 教程可以看：https://developer.mozilla.org/cn/Canvas_tutorial