HTML5

什么是离线 web 程序？咋一看起来，它很像一个矛盾。web 页面就是你下载下来之后渲染的。下载暗示着必须联网。那么当你离线的时候怎么下载呢？显然，你不能。但是你可以连线的时候下载好。这就是 HTML5 离线程序的工作原理。 最简单的一种离线web程序包括一系列 URL—— HTML、CSS、JavaScript、图像，以及其他类型的资源。在线 web 程序的主页有个文件指定这个列表，称为 man ...

浏览器限制 前面我们讨论了使用第三方插件实现本地存储的历史，我们指出了每种实现技术的不足之处，例如存储限制等。然而，新的 HTML5 Storage 标准依然有一些不足。现在，我们就要批判地看待这个问题，然后再详细地解释一下。HTML5 Storage 的不足有三个：“5 MB”，“QUOTA_EXCEEDED_ERR” 和 “不行！”。

本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序，操作系统会一共一个抽象层，用于存储和获取特定于应用程序的数据，例如用户设置或者运行时状态。这些值可以被存储于注册表、INI 文件，或者其他什么地方，这取决于操作系统的实现。如果你的本地应用程序需要不简单是键值对形式的本地存储，你也可以使用嵌入式数据库、发明你自己的文件格式，或者其他很多种解决方案。

选择！我需要选择！ 有些流行的移动设备——比如 iPhone 和 Android 手机——支持两种方法来找出你在哪里。第一种方法是三角定位法，凭借的是你的手机和与手机交互的运营商的基站的相对位置。这种方法很快速，不需要 GPS 模块，但只能给你一个大致的未知区域。这取决于你所在的区域有多少基站。所以“一块大致的区域”，可能是仅仅是一个城市街区，也可能有一公里的距离。

关于 IE Internet Explorer 9 支持 HTML5<video>标签，Microsoft 官方提供 MP4 容器的 H.264 视频和 AAC 音频，就像 Safari 和 iPhone。 但是早期版本的 Internet Explorer 要如何处理呢？比如 IE9 之前的所有版本，包括 IE8？大多数 IE 用户都安装了 Adobe Flash 插件。现代版本的 ...

标签使用 既然我们这篇文章就是关于 HTML 的教程，那么我们就不得不回到 HTML 标签上来。 HTML5 允许两种在 web 页面嵌入视频的方法。这两种方法都要使用<video>标签。如果你仅仅有一个视频文件，只要简单地将其地址放到src属性。这与使用<img src="...">添加图片的方式非常类似：

Web 的表现 如果前面的描述还没有让你眼花缭乱，那么恭喜你，你的表现比大多数人都要好！正如你想的那样，视频（包括音频）很复杂，前面我们介绍的还只不过是一个简单的版本。我想，你一定想知道对于 HTML5 要如何解决这个问题。HTML5 引入了<video>标签，用于在 web 页面嵌入视频。它并没有严格规定视频、音频的编解码器或者你所能使用的容器格式。一个<video>元素 ...

音频编解码器 除非你想回到1927年之前，否则的话，你的视频中的音频都会有自己独立的轨道。就像视频编解码器一样，音频编解码器也是一组用于音频流编码的算法。类似视频编解码器，音频编解码器也分为有损和无损两种。同样类似无损视频，无损音频也是因为体积太大而不能放在web上。所以这里我们还是讨论的是有损的音频编解码器。

如果你访问过 YouTube.com （或者是国内的 youku.com），你就会知道，我们早就可以在 web 页面嵌入视频。但是，在 HTML5 之前，这些都不是标准的。在此之前，你在网页上看到的所有视频都是基于某一种第三方插件的——QuickTime、RealPlayer 或者 Flash（顺便提一下，YouTube 使用的是 Flash）。这些插件已经很好的集成在你的浏览器中，甚至你都看不出 ...