1SEO搜索引擎优化得到提升 2更快的图片下载速度，尤其是对于移动用户 3Web应用开发更容易，尤其是移动应用 4更精美的动画效果 HTML5能够以更低的成本和更短的下载时间展现媲美目前顶级网页设计人员设计的外观。

CSS3除了为开发者提供二维变形之外，还将动画从二维平面推动到了三维立体状态，能够实现真正的三维特效三维变形和二维变形一样，均使用的是transform属性想要触发三维变形有两种方式一种方式是通过语法告知浏览器“请采用三。

HTML5画布生成的2D光源效果 在线演示 超金属的背景，仿佛探照灯的经过让他看上去更加的立体这是一款使用HTML5 Canvas生成的2D光源效果绝对让你不后悔使用它！HTML5的Flappy bird实现 在线演示 著名的Flappy Bird，相信知道。

HTML5用canvas实现动画效果的方法lt！DOCTYPE HTML lthtml lthead ltstyle body margin 0pxpadding 0px ltstyle lthead ltbody ltcanvas id=quotmyCanvasquot width=quot578quot height=quot200quotltcanvas lt。

使用HTML5画布canvas能够快速实现简单的动画效果，基本原理如下每隔一定时间绘制图形并且清除图形，用来模拟出一个动画过程，可以使用contextclearRect0， 0， x， y方法来刷新需要绘制的图形 首先是绘制图形的方法，如下fu。

1语义特性ClassSemantic HTML5赋予网页更好的意义和结构更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序对用户都更有价值的数据驱动的Web 2 本地存储特性Class OFFLINE STORAGE。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header， hg。