HTML5 / HTML5 Cache Manifest 实例

HTML5 互动版

HTML5简介

什么是HTML5？ HTML5 是如何起步的？新特性小节

HTML5 画布(Canvas)

什么是 Canvas？ DOM Canvas 对象 Canvas 标签创建 Canvas 元素使用 JavaScript 来绘制图像 Canvas 路径 Canvas 曲线 Canvas 渐变 Canvas 图像

HTML5 SVG

什么是SVG？ SVG 的优势把 SVG 直接嵌入 HTML 页面 SVG 与 Canvas两者间的区别 Canvas 与 SVG 的比较

HTML5 拖放（Drag 和 Drop）

拖放定义 HTML5 拖放实例拖动开始和设置拖动数据放入位置放置

HTML5 Video(视频)

Web站点上的视频 HTML5 (视频)- 如何工作视频格式与浏览器的支持 video 标签 HTML5 video - 使用 DOM 进行控制 HTML5 video - 方法、属性以及事件

HTML5 Audio(音频)

Web 上的音频 HTML5 Audio - 如何工作音频格式及浏览器支持 audio 标签的属性

HTML5 Web 存储

在客户端存储数据 localStorage 和 sessionStorage localStorage 对象 localStorage 对象实例 sessionStorage 对象 sessionStorage 对象实例

HTML 5 应用程序缓存

什么是应用程序缓存（Application Cache）？ HTML5 Cache Manifest 实例 Cache Manifest 基础 Manifest 文件更新缓存实例 - 完整的 Manifest 文件关于应用程序缓存的说明

HTML 5 Web Workers

什么是 Web Worker？检测 Web Worker 支持创建 web worker 文件创建 Web Worker 对象终止 Web Worker Web Worker 实例代码 Web Workers 和 DOM

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档（供离线浏览）：

实例

<!DOCTYPE html>
<html manifest="data/demo_html.appcache">
<meta charset="UTF-8">
<body>
<script src="data/demo_time.js">
</script>

<button onclick="getDateTime()">获取日期和时间</button>

![](img/webLogo.png)

尝试打开 [这个页面](data/demo.html), 在离线的状态下重新载入这个页面，页面也可以访问。

</body>
</html>

什么是应用程序缓存（Application Cache）？

Cache Manifest 基础