跳到主要内容

manifest

HTML <html> manifest 属性​

带有缓存 manifest 的 HTML 文档（用于离线浏览）：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>集码网(lectcode.com)</title>
</head>
<body>
<div>
  <script>
  setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
  </script>
  <p>
    <a href="https://example.lectcode.com/html_manifest.html" target="_blank">这个页面</a>, 
    在离线的状态下重新载入这个页面，页面也可以访问。
  </p>
  <p><img src="./logo.png" width="336" height="69"/></p>
  <div id="datetime">
  </div>
</div>
</body>
</html>

尝试一下 »

定义和用法​

manifest 属性规定文档的缓存 manifest 的位置。

HTML5 引入了应用程序缓存，这意味着 Web 应用程序可以被缓存，然后在无互联网连接的时候进行访问。

应用程序缓存使得应用程序有三个优点：

  1. 离线浏览 - 用户可以在离线时使用应用程序
  2. 快速 - 缓存的资源可以更快地加载
  3. 减少服务器加载 - 浏览器只从服务器上下载已更新/已更改的资源

manifest 属性应该被 Web 应用程序中您想要缓存的每个页面包含。

manifest 文件是一个简单的文本文件，列举出了浏览器用于离线访问而缓存的资源。

如需学习更多有关如何创建 manifest 文件，请阅读我们的 HTML5 应用程序缓存 章节。

HTML 4.01 与 HTML5之间的差异​

manifest 属性是 HTML5 中的新属性。

语法​


<html manifest="*URL*">

属性值​

值描述
URL文档的缓存 manifest 的地址。可能的值：绝对 URL - 指向另一个网站（比如 href="http://www.example.com/demo.appcache"）相对 URL - 指向网站内的一个文件（比如
href="demo.appcache"）