﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>C++博客-flyonok-随笔分类-html5</title><link>http://www.cppblog.com/flyonok/category/19123.html</link><description /><language>zh-cn</language><lastBuildDate>Fri, 13 Apr 2012 06:24:26 GMT</lastBuildDate><pubDate>Fri, 13 Apr 2012 06:24:26 GMT</pubDate><ttl>60</ttl><item><title>转--最好的HTML 5编码教程和参考手册分享</title><link>http://www.cppblog.com/flyonok/archive/2012/04/13/171246.html</link><dc:creator>flyonok</dc:creator><author>flyonok</author><pubDate>Fri, 13 Apr 2012 06:20:00 GMT</pubDate><guid>http://www.cppblog.com/flyonok/archive/2012/04/13/171246.html</guid><wfw:comment>http://www.cppblog.com/flyonok/comments/171246.html</wfw:comment><comments>http://www.cppblog.com/flyonok/archive/2012/04/13/171246.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cppblog.com/flyonok/comments/commentRss/171246.html</wfw:commentRss><trackback:ping>http://www.cppblog.com/flyonok/services/trackbacks/171246.html</trackback:ping><description><![CDATA[<p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; ">有志于在泰泽上大展拳脚的同学们一点要收藏一下关于HTML5的一些好教材好文章了， 这里为大家转载了一篇， 方便大家记录</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; "><br /></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">今天我们介绍相关HTML5的参考手册，演讲稿，电子书和教程。HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在是学习HTML5的好时间，大多数的公司例如Google，Youtube，Facebook都已经开始使用HTML5来建站了。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">51CTO推荐专题：<a href="http://developer.51cto.com/art/200907/133407.htm" target="_blank" style="color: #004276; ">HTML 5 下一代Web开发标准详解</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">这篇文章我们将介绍最好的HTML5参考手册，电子书，教程。友情提示：你最好阅读一些我们以前的<a target="_blank" href="http://developer.51cto.com/art/200907/133407.htm" style="color: #004276; ">HTML5文章</a>!希望大家喜欢!</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><strong>参考手册，演讲稿，电子书</strong></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">第一部分我们将介绍HTML5参考手册。一般来说视图化的演讲稿将能够更好的帮助你理解HTML5。当然如果你更深入的话这里有更多的精读。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://www.scribd.com/doc/30964170/Scribd-in-HTML5" style="color: #004276; ">Scrubd in HTML5</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">Scribd的一个图例的演讲</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434150.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 390px; height: 216px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://noteandpoint.com/2010/04/html5-wtf/" style="color: #004276; ">HTML5 WTF</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">来自于Simon Schoeters，另外一个HTML5的变化的介绍。HTML5究竟是什么?有什么不错的地方?这个讲演稿，说明了一切。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434151.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 415px; height: 220px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://noteandpoint.com/2009/10/up-to-speed-on-html-5-and-css-3/" style="color: #004276; ">Up to Speed on HTML5 and CSS3</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">一个介绍刚出现的HTML5和CSS3标准的演讲稿，关于所有应用到web设计和开发的各个方面。由Jason Garber和M. Jackson Wilkinson提供。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434152.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 428px; height: 239px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://diveintohtml5.info/" style="color: #004276; ">Dive into HTML5</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">这个演讲阐述了从HTML标准中精选的HTML5特性和其它相关标准</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434153.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 427px; height: 246px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://www.focus.com/images/view/11905/" style="color: #004276; ">What is HTML5</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">HTML5的信息图表总结</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434154.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 434px; height: 236px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://dev.w3.org/html5/html-author/" style="color: #004276; ">HTML5 Specification</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">HTML5的标准，大家都应该了解</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434155.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 424px; height: 243px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://html5doctor.com/" style="color: #004276; ">HTML5 Doctor</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">排序列出了所有HTML5元素</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434156.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 408px; height: 218px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://www.w3schools.com/html5/default.asp" style="color: #004276; ">W3C Doc</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">w3schools的HTML5教程</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434157.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 411px; height: 243px; " /></center><div style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; "></div><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><br style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; " /><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><strong>HTML5 Tutorials</strong></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">这里是所有我找得到的在线教程。这些教程覆盖了所有HTML5实用和执行。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://24ways.org/2009/have-a-field-day-with-html5-forms" style="color: #004276; ">Have a field day with HTML5 forms</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">使用高级CSS和最新CSS3技巧的HTML5表单</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434158.jpg" width="305" height="30" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 379px; height: 161px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://html5doctor.com/designing-a-blog-with-html5/" style="color: #004276; ">designing a blog with HTML5</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">这个教程教你如何使用HTML5元素例如，header，footer，nav，article和section来构建一个blog。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/1434159.jpg" width="500" height="250" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 410px; height: 239px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://orderedlist.com/resources/html-css/structural-tags-in-html5/" style="color: #004276; ">Structural tags in HTML5</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">这是另外一个HTML5结构标签的教程</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/14341510.jpg" width="305" height="30" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 377px; height: 197px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/" style="color: #004276; ">HTML5和CSS3 - 你很快会使用的技巧</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">在这个教程里，我们将使用下一代的HTML5和CSS3来开发一个博客页面。这个教程主要演示当标准出来后，并且浏览器厂家都实现了后我们将如何创建一个网站。</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/14341511.jpg" width="305" height="30" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 407px; height: 228px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://thinkvitamin.com/code/html5/create-vector-masks-using-the-html5-canvas/" style="color: #004276; ">Create Vector Mask using HTML5 Canvas</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; ">使用HTML5 canvas来创建图片的遮盖效果</p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/14341512.jpg" width="305" height="30" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 409px; height: 180px; " /></center><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "><a target="_blank" href="http://www.pvmgarage.com/2010/04/touch-the-future-create-an-elegant-website-with-hmtl-5-and-css3/" style="color: #004276; ">Create a elegant website with HTML5 and CSS3</a></p><p style="color: #333333; font-family: Arial; line-height: 26px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; text-indent: 28px; "></p><center style="color: #333333; font-family: Arial; line-height: 26px; "><img alt="分享最好的HTML5编码教程和参考手册" src="http://images.51cto.com/files/uploadimg/20111027/14341513.jpg" width="305" height="30" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-style: initial; border-color: initial; border-color: initial; width: 396px; height: 218px; " /></center><center style="color: #333333; font-family: Arial; line-height: 26px; "><br /></center><center style="color: #333333; font-family: Arial; line-height: 26px; "><br /></center><center style="color: #333333; font-family: Arial; line-height: 26px; "><br /></center><img src ="http://www.cppblog.com/flyonok/aggbug/171246.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cppblog.com/flyonok/" target="_blank">flyonok</a> 2012-04-13 14:20 <a href="http://www.cppblog.com/flyonok/archive/2012/04/13/171246.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>