codecamp

HTML html manifest 属性

HTML <html> manifest 属性

HTML html 标签参考手册 HTML <html> 标签

实例

带有缓存 manifest 的 HTML 文档(用于离线浏览):

<!DOCTYPE HTML>
<html manifest="demo.appcache">
<head>
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 manifest 属性。

注意:Internet Explorer 9 及之前的版本不支持 manifest 属性。


定义和用法

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")


HTML html 标签参考手册 HTML <html> 标签
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML标签

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }