论你是专门做研发的还是业余兴趣，学习HTML5都是一个很好的自我增值。只要对HTML5充满兴趣，学习并不是一件难事。网上有很多让人眼花缭乱的HTML5培训课程，免费的课程不够系统，收费的课程水太深，一不小心就会被坑。如果大家想系统地学习HTML5技术，小编给大家推荐几个网站。

HTML5基础知识

W3C

全称“W3School”，简直是学习网站中的“战斗机”，每一节都有学生时代老师般的“板书”，丰富的实例展示，还有工具书、小测验等提升工具，私教般的存在！

Dive into HTML5

这个网站几乎都是关于HTML5的文档，讲一些很基础的知识，简洁清新。如果想学习HTML5的同时提高英语阅读能力，这个网站是极好的。类似的英文网站还有woorkup。

如果英语不好，小编只能帮你到这了。

h5之家

除了丰富且与时俱进的教程，这个网站还有很多关于HTML5业界的独特见解，闲暇时候看看，拓展知识又能在人前装X，这样的网站哪里找！

HTML5案例网站

HTML5xCSS3

拥有超丰富的HTML5案例和模板，随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟！

360html5基地

350旗下的HTML5作品展示网站，大部分是HTML5游戏展示，可爱有趣。比如打开一个割绳子的HTML5展示：

HTML5 games

相对360来说更丰富的HTML5游戏资源，玩着玩着技能激发设计灵感呢！

HTML5技术网站

whatwg

网络超文本应用技术工作小组（Web Hypertext Application Technology Working Group）的博客，里面一些文章能让人受益匪浅。

HTML5医生

一些关于html5语义及如何使用它们的文章，医生会定时回答网友们的问题。

HTML5中国

一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站，还有各类HTML5的资讯、沟通交流论坛等。

HTML5技术网

一个充满干货的网站！你想要的不想要的，这里全都有！

HTML5测试网站

HTMLDemos

测试HTML5标签在各浏览器的兼容性，还能查看各种HTML5的标准Demo演示。

html5test

能为浏览器对HTML5的兼容性打分，可以知道你当前的浏览器对HTML5的支持情况如何，各种标签和组件的支持情况。

当然，光看网站有的小伙伴会觉得没有方向感，不妨结合教科书来个系统的学习。入门级必备两本教材《Head first HTML&CSS》和《JavaScript DOM编程艺术》，看书再结合网站学习，相信不久你就会成为HTML5大神啦！

如果你学习HTML5技术不是出于兴趣，而是出于某些“大家都懂的”原因，其实不必苦苦拿着教材钻研，我们可以从能最快捷地解决问题出发。比如需要制作微信HTML5页面的，可以用网上如易企秀、maka这类的免费平台，如果是制作HTML5网站，不妨选择建站宝盒这种自助建站工具，完全不涉及打码，每一个互联网人都能用它制作出炫酷多彩的网站。http://www.iisp.com/design/?s=yuqiuping

不积跬步，无以至千里。千里之行，始于足下。从现在开始，每天给自己20分钟了解HTML5技术，你会发现其实编程也挺有趣的。

tml5+css+jquery简单模板免费领取

关注加私信给我我发模板

简单html手机模板

简单博客页面

简单的导航

简单的后台模板

简单后台模板2

套模板不仅仅带后台（SiteServer CMS），而且还带模板使用说明手册的。不仅仅可以下载到模板，还能下载到整个后台，本地直接配置起来就可以使用。

1、企业站模板一

在线浏览地址：http://templates.siteserver.cn/medraut/index.html

GitHub下载地址：https://github.com/siteserver/template-medraut

这是一套响应式的企业网站，适合企业、公司、或者产品型公司。分类展示，信息展示、增加网站的互动性。跟Banner大图对应起来，整个网站展示方面可以做的非常绚丽多彩。

2、门户站模板

在线浏览地址：http://templates.siteserver.cn/girish/index.html

GitHub下载地址：https://github.com/siteserver/template-girish

这一套自适应的站长模板，这套模板，我们会发现它虽然模块不少，有评论、有注册登录、有搜索、有文章排行、专题等模块，但它的结构还是比较简单的，模板页面数量少，首页、栏目页、文章内容页，栏目页还跟首页结构一样。

3、企业站模板二

在线浏览地址：http://templates.siteserver.cn/batraz/index.html

GitHub下载地址：https://github.com/siteserver/template-batraz

这是一套响应式网站模版，适应于互联网、企业、媒体、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。因此，你不得不担心响应式网站在移动端的速度以及流量消耗，我们采用图片处理技术后，在手机上会只加载尺寸更小的图片。

4、大学官网模板

在线浏览地址：http://templates.siteserver.cn/albrecht/index.html

GitHub下载地址：https://github.com/siteserver/template-albrecht

这是一套学校模板，适用于各类大学、综合院校，当然删减一些栏目，一样适用各个中小学网站。同样作为一套自适应的学校模板，这套模板包含了学校主页、院系列表页、院系主页、科研专题页、教学专题页、周边生活专题、图片列表页、人员列表专页、新闻列表页、搜索结果页、内容页等板块。

5、博客模板

在线浏览地址：http://templates.siteserver.cn/scevola/index.html

GitHub下载地址：https://github.com/siteserver/template-scevola

这是一套响应式博客模版，适应于科技、个人博客、互联网、媒体等产品型公司网站模板。所有图片在手机端都进行过处理，简单而又清爽的企业、博客响应式模板。

6、单页H5模板

在线浏览地址：http://templates.siteserver.cn/milenko/index.html

GitHub下载地址：https://github.com/siteserver/template-milenko

这是一套响应式的单页宣传性网站，适合一些房产、或者产品型公司，简单的展示一些个人或者企业信息。图片切换板块对图片进行分类展示，可以保持内容图片的多样性又不杂乱，增加网站的互动性。可以一次性展示多张图片，跟banner大图对应起来，整个网站展示方面可以做的非常绚丽多彩。整个网站单页展示，虽然看起来略显单薄，但对应有些企业来说非常适合，展示必要的信息，用户浏览起来直观、不繁重。

7、企业站模板三

在线浏览地址：http://templates.siteserver.cn/aeson/index.html

GitHub下载地址：https://github.com/siteserver/template-aeson

这是一套响应式网站模版，适应于地产、汽车、互联网、建筑、媒体、家居、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。

8、企业站模板四

在线浏览地址：http://templates.siteserver.cn/kevan/index.html

GitHub下载地址：https://github.com/siteserver/template-kevan

这是一套响应式网站模版，适应于企业、汽车公司、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。因此，你不得不担心响应式网站在移动端的速度以及流量消耗，我们采用图片处理技术后，在手机上会只加载尺寸更小的图片。