HTML <html> manifest 属性

最新推荐文章于 2023-10-21 08:00:00 发布

转载最新推荐文章于 2023-10-21 08:00:00 发布 · 1k 阅读

html 专栏收录该内容

73 篇文章

订阅专栏

本文介绍了HTML5中manifest属性的应用，通过该属性可以指定缓存清单文件的位置，实现Web应用的离线浏览、快速加载及减少服务器负载等功能。文章还提供了一个具体的HTML文档示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML <html> manifest 属性

定义和用法

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

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

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

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

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

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

语法

   <html manifest="
  URL">
 

属性值

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

实例

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

<!DOCTYPE html>
<html manifest="demo_html.appcache">
<meta charset="UTF-8">
<body>
<script src="demo_time.js">
</script>
<p id="timePara"><button onclick="getDateTime()">获取日期和时间</button></p>
<p><img src="logo.png" width="336" height="69"></p>
<p>尝试打开 <a href="tryhtml5_html_manifest.htm" target="_blank">这个页面</a>, 在离线的状态下重新载入这个页面，页面也可以访问。</p>
</body>
</html>

本文转自：http://www.runoob.com/tags/att-html-manifest.html