# http-equiv 属性
http-equiv 顾名思义,相当于 http 的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为 content,content 中的内容其实就是各个参数的变量值。
meta 标签的 http-equiv 属性语法格式是:
<meta http-equiv="参数"content="参数变量值"> |
其中 http-equiv 属性主要有以下几种参数:
常用项:
# X-UA-Compatible(浏览模式)
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
# Expires (期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
<meta http-equiv="expires"content="Fri,01Jan201618:18:18GMT"> |
注意:必须使用 GMT 的时间格式。
# Pragma (cache 模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv="Pragma" content="no-cache"> |
注意:这样设定,访问者将无法脱机浏览。
# Refresh (刷新)
说明:自动刷新并指向新页面。
<meta http-equiv="Refresh" content="2;URL=http://www.jb51.net"> |
注意:其中的 2 是指停留 2 秒钟后自动刷新到 URL 网址。
# Set-Cookie (cookie 设定)
说明:如果网页过期,那么存盘的 cookie 将被删除。
<meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"> |
注意:必须使用 GMT 的时间格式。
# Window-target (显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
<meta http-equiv="Window-target" content="_blank"> |
注意:用来防止别人在框架里调用自己的页面。
# content-Type (显示字符集的设定)
说明:设定页面使用的字符集。
<meta http-equiv="content-Type" content="text/html;charset=gb2312"> |
# content-Language(显示语言的设定)
<meta http-equiv="Content-Language" content="zh-cn"/> |
# Cache-Control 指定请求和响应遵循的缓存机制。
Cache-Control 指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control 并不会修改另一个消息处理过程中的缓存处理过程。
请求时的缓存指令包括 no-cache
、 no-store
、 max-age
、 max-stale
、 min-fresh
、 only-if-cached
响应消息中的指令包括 public
、 private
、 no-cache
、 no-store
、 no-transform
、 must-revalidate
、 proxy-revalidate
、 max-age
。
各个消息中的指令含义如下
- Public: 指示响应可被任何缓存区缓存
- Private: 指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
- no-cache: 指示请求或响应消息不能缓存
- no-store: 用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
- max-age: 指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
- min-fresh: 指示客户机可以接收响应时间小于当前时间加上指定时间的响应
- max-stale: 指示客户机可以接收超出超时期间的响应消息。如果指定 max-stale 消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。
详细请参考文章:meta 标签之 cache-control