编程小白的话,不推荐你一开始就通过技术分享网站来学习HTML5,技术博客上的文章会比较零散,它更多的是对HTML5的一些技术点的总结吧,没有形成一个完整的学习知识体系,不利于初学者学习。但是,你在学习的过程中,对某些技术点有疑问或者不理解的话,就可以很好的利用技术分享网站,比如HTML5学堂等,利用它有针对性的进行学习。
好的技术视频对编程小白来说也是一个不错的在线学习资源,一定要不错的!!!不然看完视频你会感觉到自己好像什么都不会,那是因为大部分的技术视频都是在讲解技术知识,忽略了课程逻辑与教学方法的重要性。听过HTML5学堂的技术视频,他们是按照一个开发流程的逻辑进行讲解,讲一部分理论知识,再动手实践理论知识,最后会有一个知识总结,我觉得这种模式学起来会比较容易,也不会出现理论很强动手能力差的现象。
在学习的过程中,不知道自己的掌握情况,可以通过做面试题来检测自己的掌握情况,这个建议你去看“决胜前端”(minApp),里面有大量的面试题,而且还对每一个题目做了详细的分析与解答,还是挺适合初学者的。
HTML5基础知识网站
1.W3C
全称“W3School”,简直是学习网站中的“战斗机”,每一节都有学生时代老师般的“板书”,丰富的实例展示,还有工具书、小测验等提升工具,私教般的存在!
2.Dive into HTML5
这个网站几乎都是关于HTML5的文档,讲一些很基础的知识,简洁清新。如果想学习HTML5的同时提高英语阅读能力,这个网站是极好的。类似的英文网站还有woorkup。
3.h5之家
除了丰富且与时俱进的教程,这个网站还有很多关于HTML5业界的独特见解,闲暇时候看看,拓展知识又能在人前装X,这样的网站哪里找!
HTML5案例网站
1.HTML5xCSS3
拥有超丰富的HTML5案例和模板,随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟!
2.360html5基地
350旗下的HTML5作品展示网站,大部分是HTML5游戏展示,可爱有趣。比如打开一个割绳子的HTML5展示:
3.HTML5 Games
相对360来说更丰富的HTML5游戏资源,玩着玩着技能激发设计灵感呢!
HTML5技术网站
1.whatwg
网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客,里面一些文章能让人受益匪浅。
2.HTML5医生
一些关于html5语义及如何使用它们的文章,医生会定时回答网友们的问题。
3.HTML5中国
一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站,还有各类HTML5的资讯、沟通交流论坛等。
HTML5测试网站
1.HTMLDemos
测试HTML5标签在各浏览器的兼容性,还能查看各种HTML5的标准Demo演示。
2.html5 test
能为浏览器对HTML5的兼容性打分,可以知道你当前的浏览器对HTML5的支持情况如何,各种标签和组件的支持情况。
所以,网站已经分享给你们了,如果真心要学习此项技能,快去实践吧!