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 这个文件中。没有被列出的元素就是所谓的“未知元素 ...
HTML5 中另外的链接关系 rel="archives"“暗示被引用的文档描述的是一系列记录、文档或者其他感兴趣的历史资料。一个博客的索引页可以使用rel="archives"来连接到过去曾经发布过的文章。”
<head> <html>的第一个子元素通常是<head>。<head>包含了元数据 metadata——用于描述页面而不是内容的数据（页面的内容通常是在<body>标签里面）。<head>本来就很讨厌，HTML5 也没有能让它变得好看点。我们一项项来说明<head>标签里面的东西：
在这一章节中，我们将创建一个正确无误的旧版 HTML 页面，然后尝试改进它。对于有些内容，新版的 HTML5 页面会更长，有些则会变短。但所有这一切都是为了让我们的页面更有语义。
地理位置 地理位置 geolocation 用于获取你在这个世界上的位置信息，并且可以将这个信息分享给你所信任的人。现在有很多方法可以获取位置信息：IP 地址、无线网络连接（通过查看你的手机实际是与哪一个基站通讯）或者是 GPS 硬件设备等。
本地存储 HTML5 存储为 web 站点提供了一种将信息存储到电脑上，并且能够在以后将数据取出的能力。这个概念非常类似于 Cookie，但是它可以存储很大量的信息。Cookie 有大小限制。浏览器每次请求新的页面的时候都要讲 cookie 内容发送回服务器（这意味着会占用一定的时间和带宽）。HTML5 存储在你的计算机上，web 站点在页面加载完成之后使用 JavaScript 进行访问。
video HTML5 定义了用于在 web 页面嵌入视频的新的标签<video>。在 HTML5 之前，我们只能使用第三方插件来嵌入视频，比如 Apple QuickTime 或者 Adobe Flash。<video>被设计成不需要使用检测脚本就可以使用的形式。你可以指定多个视频文件。如果浏览器支持 HTML5 视频，那么它就会自动选择它所支持的格式。不支持 HTML5 ...
豆子，生于山东，定居南京。毕业于山东大学软件工程专业。软件工程师，主要关注于 Qt、Angular 等界面技术。
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2