HTML5初学者路线图

最新推荐文章于 2021-06-22 02:41:19 发布

u011886490

最新推荐文章于 2021-06-22 02:41:19 发布

阅读量577

点赞数

CC 4.0 BY-SA版权

分类专栏：系统运维

本文链接：https://blog.youkuaiyun.com/lampzdrj/article/details/10599749

系统运维专栏收录该内容

298 篇文章

订阅专栏

如何学习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

当然还有Geolocation，教程和实例的话可以参考http://www.mhtml5.com和http://www.html5dw.com/这两个网站。
http://www.mhtml5.com/resources这页提供了很多非常好的教程。