如果你访问过 YouTube.com （或者是国内的 youku.com），你就会知道，我们早就可以在 web 页面嵌入视频。但是，在 HTML5 之前，这些都不是标准的。在此之前，你在网页上看到的所有视频都是基于某一种第三方插件的——QuickTime、RealPlayer 或者 Flash（顺便提一下，YouTube 使用的是 Flash）。这些插件已经很好的集成在你的浏览器中，甚至你都看不出 ...
一个完整的示例 我们已经简单地把 HTML5 的<canvas>元素介绍过了。<canvas>可以说是 HTML5 带给我们的最激动人心的特性之一。这一章我们将利用<canvas>，完成一个简单但是完整的游戏，使大家了解在实际应用中，我们该如何使用<canvas>。
图像 这里是一只猫的图片： 上面的图像是放在<img>里面的。下面则是一只看上去一样的猫，不过它是使用<canvas>绘制的：
渐变
文本 前面我们已经在画布上画出线条，下面，我们将继续添加文字。文本在一般的 web 页面上是遵循箱式模型的，但是在这里却不是。这意味着那些常见的 CSS 布局，比如 float、margin、padding 或者 wrap 这些都不能使用。（或许你觉得这是件不错的事情！）你可以设置一些字体属性，但是在 canvas 上找一个点，再把文本画出来。
坐标系统 canvas 可以看作一个二维表格。坐标 (0, 0) 位于画布左上角。X轴正方向沿画布向右，Y轴正方向沿画布向下。
HTML 5 将<canvas>元素定义为“一种分辨率相关的位图画布，可以用于渲染图表、游戏图像以及其它可视元素。”canvas 在页面上表现为一个矩形，你可以在上面使用 JavaScript 绘制任何需要的东西。 浏览器对 canvas 的支持 那么，canvas 是什么样子的呢？什么都没有。对，就是这样。一个<canvas>元素没有任何内容，也没有自己的边框。下面是一个 ...
日期和时间 很激动人心，是不是？我是说，不是那种“一边从珠穆朗玛峰顶上滑下来，一边倒背《星条旗》”的激动。这种激动是因为增加了很多急需的功能。那么，我们继续下面的内容。
Headers 在 HTML 4 的页面中，我们通常会对 header 有这么一段描述： 这么使用标签并没有什么错误。如果你喜欢，你可以继续这么去用。在 HTML 5 中，这也是允许的。但是，前面我们也说过，HTML 5 同样提供了一些额外的更具语义的标签，比如 header 和 section。
关于浏览器如何处理未知元素的长篇大论 前面我们提到 HTML 5 新增加的几个元素。在我们详细讨论这些元素的使用方法之前，我们应该了解一下这个问题：如果浏览器不能识别这种元素，那么浏览器将如何处理？ 每个浏览器都有一个它能支持的 HTML 元素的列表。例如，Mozilla Firefox 的列表存储在 nsElementTable.cpp 这个文件中。没有被列出的元素就是所谓的“未知元素 ...
豆子，生于山东，定居南京。毕业于山东大学软件工程专业。软件工程师，主要关注于 Qt、Angular 等界面技术。
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2