HTML5学习参考资料整理

给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持我们,让我们利用大家的力量收集更多的HTML5学习资料,让我们的开发者和HTML5的爱好者受益,利人利己的事,童鞋们多多益善啊!
1. http://www.w3school.com.cn/html5/index.asp
介绍:W3C HTML5开发者指南,学习HTML5的各种标签,查询参考手册。
W3C HTML 5 权威教程
2. http://html5demos.com/
介绍:HTMLDemos 可以插件HTML5标签在各浏览器的兼容性,同时你还可以查看各种HTML5的标准Demo演示。
3. http://www.apple.com/html5/
介绍:苹果提供的HTML5演示站点,提供很多很绚丽的HTML5Demo演示
4. http://html5test.com/
介绍:测试浏览器对HTML5的支持,并打分,可以知道你当前的浏览器对HTML5的支持情况如何,各种标签和组件的支持情况。
5. http://directguo.com/html5/
介绍:这是一个利用浏览器来播放幻灯片的HTML5站点,介绍了HTML5的发展和新的技术。展示了相当多的Demo,如果你是HTML5的初学者,不妨先仔细浏览器一下这个网站。
以下再给大家介绍一些国外著名的HTML5网站和博客。
6. http://blog.whatwg.org/
介绍:WHATWG博客是网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客,就是负责HTML5规格的那群人。
7.  http://diveintohtml5.org/
介绍:Dive Into HTML 5是从HTML5规格和其他标准中精心挑选并详述其特征的一本书。
8. http://html5doctor.com/
介绍: HTML5医生发表了许多文章,都是关于HTML5及其语义、及如何正确使用它的。他们也通过“询问医生”收集了很多问题,并在文章中予以回答,所有人都可从中受益。
9. http://caniuse.com/
介绍:这是一个以表格制成的备忘单形式的单页面,描述了HTML5、CSS3、SVG及其他未来网络技术的特征。
10. http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/
介绍:这个备忘单就是一个简单的可视网格,包含了所有HTML5标签和相关的属性。
11. http://html5gallery.com/
介绍:HTML5画廊有两个主要目标,一个是展示用HTML5布局的网站,我们可以从中看到别人如何理解HTML5规格和如何应用它。第二是帮助学习HTML5、如何使用HTML5及如何应用HTML5。
12 .http://www.html5rocks.com/en/
介绍:一个提供HTML5各种功能演示的网站,提供各种HTML5的显示Demo。
13. http://www.focus.com/images/view/11905/
介绍:这个网站详细介绍了HTML5的各种新功能,新技术
14. http://html5games.com/
介绍:这个网站提供了大量的HTML5游戏资源,喜欢HTML5游戏的童鞋们,可以千万别错过哦。
15. 介绍:一个HTML 5的文档资料网站,做得很出色。介绍的图片全是用了涂鸦的方式,很直观,很可爱的网站。

今天就给大家推荐到这里,这15个网站,基本上可以算得上是HTML5学习研究的上上至宝了。如果你也有更好的HTML5网站推荐,欢迎评论并留下网址信息,方便整理。

HTML5 视频(video)
           推荐学习文章:
http://www.voidcn.com/article/p-ocewptfp-gp.html
           推荐学习文章:http://www.voidcn.com/article/p-radvgczd-gp.html
           推荐学习文章:http://www.voidcn.com/article/p-octfwtyw-beb.html
           推荐学习文章:http://www.voidcn.com/article/p-efvnqswj-gp.html
HTML5 音频(audio)
           推荐学习文章:http://www.voidcn.com/article/p-fvailafy-gp.html
           推荐学习文章:http://www.voidcn.com/article/p-odbkujww-gp.html
HTML5 拖放(Drag和drop)
           推荐学习文章:http://www.cnblogs.com/dxy1982/archive/2012/08/17/2626515.html
HTML5 画布(Canvas)
           推荐学习文章:http://www.voidcn.com/article/p-aobxrpfw-gp.html
HTML5 SVG
            推荐学习的系列文章:
            突袭HTML5之SVG 2D入门1 - SVG综述:http://www.cnblogs.com/dxy1982/archive/2012/03/15/2381312.html
            突袭HTML5之SVG 2D入门2 - 图形绘制:http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html
            突袭HTML5之SVG 2D入门3 - 文本与图像:http://www.cnblogs.com/dxy1982/archive/2012/04/09/2395728.html
            突袭HTML5之SVG 2D入门4 - 笔画与填充:http://www.cnblogs.com/dxy1982/archive/2012/04/14/2395734.html
            突袭HTML5之SVG 2D入门5 - 颜色的表示:http://www.cnblogs.com/dxy1982/archive/2012/04/14/2447065.html
            突袭HTML5之SVG 2D入门6 - 坐标与变换:http://www.cnblogs.com/dxy1982/archive/2012/05/07/2395732.html
            突袭HTML5之SVG 2D入门7 - 重用与引用:http://www.cnblogs.com/dxy1982/archive/2012/05/17/2503782.html
            突袭HTML5之SVG 2D入门8 - 文档结构:http://www.cnblogs.com/dxy1982/archive/2012/05/18/2456900.html
            突袭HTML5之SVG 2D入门9 - 蒙板:http://www.cnblogs.com/dxy1982/archive/2012/06/01/2395742.html
            突袭HTML5之SVG 2D入门10 - 滤镜:http://www.cnblogs.com/dxy1982/archive/2012/06/13/2530529.html
            突袭HTML5之SVG 2D入门11 - 动画:http://www.cnblogs.com/dxy1982/archive/2012/07/04/2395740.html
            突袭HTML5之SVG 2D入门12:http://www.cnblogs.com/dxy1982/archive/2012/07/20/2417379.html
            突袭HTML5之SVG 2D入门13 - svg对决canvas:http://www.cnblogs.com/dxy1982/archive/2012/07/25/2409234.html
HTML5 地理定位(Geolocation)
            推荐学习文章:http://www.voidcn.com/article/p-gygnogtm-gp.html
HTML5 Web 存储(localStorage和sessionStorage)
            推荐学习文章:http://www.voidcn.com/article/p-vbzqdjpp-gp.html
HTML5 应用缓存(cache manifest)
            推荐学习文章:http://www.voidcn.com/article/p-wxsiidtb-bnx.html
HTML5 Web Workers
            推荐学习文章:http://www.cnblogs.com/dolphinX/p/3452684.html
HTML5 服务器发送事件(Server-Sent)
            学习地址:http://www.ibm.com/developerworks/cn/web/1307_chengfu_serversentevent/
HTML5 标签
             推荐学习地址:http://www.w3school.com.cn/tags/index.asp
             http://www.voidcn.com/article/p-nfldubwr-dm.html
HTML5 属性
              推荐学习地址:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
HTML5 事件
              推荐学习地址:http://www.w3school.com.cn/tags/html_ref_eventattributes.asp
WEB SOCKET
            推荐学习文章:
            WebSocket API简介http://www.voidcn.com/article/p-xecietuz-bcz.html
            为什么引入WebSocket协议http://www.voidcn.com/article/p-amijtfbs-bcz.html
            WebSocket协议简介http://www.voidcn.com/article/p-hcgmvmmb-bcz.html
            WebSocket与TCP、Http的关系http://www.voidcn.com/article/p-akjcrkxw-bcz.html
            WebSocket Server   http://www.voidcn.com/article/p-xqzylwwn-bcz.html

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码