编程小白的话，不推荐你一开始就通过技术分享网站来学习HTML5，技术博客上的文章会比较零散，它更多的是对HTML5的一些技术点的总结吧，没有形成一个完整的学习知识体系，不利于初学者学习。但是，你在学习的过程中，对某些技术点有疑问或者不理解的话，就可以很好的利用技术分享网站，比如HTML5学堂等，利用它有针对性的进行学习。
好的技术视频对编程小白来说也是一个不错的在线学习资源，一定要不错的！！！不然看完视频你会感觉到自己好像什么都不会，那是因为大部分的技术视频都是在讲解技术知识，忽略了课程逻辑与教学方法的重要性。听过HTML5学堂的技术视频，他们是按照一个开发流程的逻辑进行讲解，讲一部分理论知识，再动手实践理论知识，最后会有一个知识总结，我觉得这种模式学起来会比较容易，也不会出现理论很强动手能力差的现象。
在学习的过程中，不知道自己的掌握情况，可以通过做面试题来检测自己的掌握情况，这个建议你去看“决胜前端”（minApp），里面有大量的面试题，而且还对每一个题目做了详细的分析与解答，还是挺适合初学者的。
视频类:1、lynda.com（英文网站、视频质量高、收费）
http://www.lynda.com/
2、慕课网（所有教程免费，里面的讲师都很不错，课程很多）
http://www.imooc.com/
3、百度传客（部分收费，资源不错）
http://www.chuanke.com/
4、网易云课堂（这个部分视频要收费）
http://study.163.com/
5、极客学院（这个是收费的）
http://www.jikexueyuan.com/
手册、文字教程类：
1、MDN 有很多教程、示例，更新及时
https://developer.mozilla.org/en-US/
2、w3school：提供完整的建站教程，包括：HTML、CSS、TCP/IP、JS、PHP、SQL等，教程是文字教程，
提供在线代码测试，非常方便便于理解。
http://www.w3school.com.cn/
3、Jquery中文手册，支持搜索，内容全面。
http://www.hemin.cn/jq/
4、HTML Dog：英文网站，在线学习HTML、CSS和JS
http://www.htmldog.com/
5、thinkjs 参考手册（thinkjs是基于Promise的Node.js MVC框架）
http://www.thinkjs.org/doc/start.html
6、ES6教程（全面介绍ECMAScript 6新引入的语法特性。）
http://es6.ruanyifeng.com/
7、javascript的秘密花园
http://www.jb51.net/onlineread/JavaScript-Garden-CN/
8、菜鸟教程（网站开发各方面教程）
http://www.w3cschool.cc/
9、百度Echarts 开源图表库
echarts.baidu.com/index.html
10、css-hack css教程 很多css知识点都有详细的说明
http://www.divcss5.com/rumen/
论坛、社区类：
1、Stack Overflow 问答网站，提供优质的问题解答
http://stackoverflow.com/
2、segmentFault 问答网站，提供优质的问题解答
http://segmentfault.com/
3、Github 开源代码库 代码分享 反映技术潮流 推荐！（点击查看github的介绍与使用 点击查看Git的使用）
https://github.com/
4、开源中国社区 代码分享 反映技术潮流 推荐！
http://www.oschina.net/
5、Google Code 代码分享 反映技术潮流 推荐！
(资源整理http://www.cnblogs.com/yangzhenyu/archive/2012/03/25/2417063.html)
https://code.google.com/
6、apache 代码分享 反映技术潮流 推荐！
http://www.apache.org/
7、CSDN IT社区
http://www.csdn.net/
博客、资讯类：
1、淘宝UED
http://ued.taobao.org/blog/
2、OPEN资讯
http://www.open-open.com/news/
3、豪情的博客（里面有很多干货，有很多学习经验的分享）
http://www.cnblogs.com/jikey/
4、前端分享网
http://w3cshare.com/
5、jser的博客
http://jser.me/ （他的前端导航站不能更棒！http://123.jser.us/）
其他：
1、icon图标（这里所有需要的图标）
http://www.easyicon.net/
2、很有趣的闯关游戏，可以来试试
http://cafebabe.cc/nazo/
3、前端资源网址导航
http://www.whycss.com/
4、前端资源汇总（来自知乎）
http://www.zhihu.com/question/20246142/answer/14470387
5、外国妹子180天做的180个网站，好棒！
http://jenniferdewalt.com/
6、支持在线检查标记语言的网站
https://validator.w3.org/
7、javascript练习通关（可以判断答案是否正确，还有其他语言的学习）
http://www.codewars.com/
8、webstorm快捷键
完整快捷键 速查卡
9、less、sass的编译工具-koala
http://koala-app.com/
现在学习web前端，html5开发还是很火的，缺口大，前景好，简单能学会的，先去网上找点基础视频看，Mars的视频比较好讲得很全面。当然学习要靠自觉性，坚持学习，兴趣是最好的老师。
