html meta标签中的http-equiv属性介绍
阅读数:376 评论数:0
跳转到新版页面分类
html/css/js
正文
一、概述
meta标签共有两个属性,它们分别是http-equiv属性和name属性。
二、meta标签的name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:
<meta name="参数" content="具体的参数值">。
其中name属性主要有以下几种参数:
1、Keywords
keywords用来告诉搜索引擎你网页的关键字是什么。
<meta name="keywords" content="science,education,culture,politics,ecnomics,relationships,entertaiment,human">
2、description
description用来告诉搜索引擎你的网站主要内容。
<meta name="description" content="Thispageisaboutthemeaningofscience,education,culture.">
3、robots
robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
4、author
标注网页的作者
三、meta标签的http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。
meta标签的http-equiv属性语法格式是:
<meta http-equiv="参数" content="参数变量值">;
其中http-equiv属性主要有以下几种参数:
1、Expires
可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
注意:必须使用GMT的时间格式。
2、Pragma
禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。
3、Refresh
自动刷新并指向新页面
<meta http-equiv="Refresh" content="2;URL=http://www.jb51.net">
注意:其中的2是指停留2秒钟后自动刷新到URL网址。
4、Set-Cookie
如果网页过期,那么存盘的cookie将被删除。
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
5、Window-target
强制页面在当前窗口以独立页面显示。
<meta http-equiv="Window-target" content="_top">
用来防止别人在框架里调用自己的页面。
6、content-Type
设定页面使用的字符集,首部用来指定报文体的类型,譬如是文本还是多媒体,其中可以通过charset来指定内容所使用的字符休。
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
7、content-Language
content-Language的形式为: 主标记-子标记1-子标记2,主标记主要用于标识语言分类,譬如ch、en等,子标记1用于标记标准化的国家代码cn、br等,子标记2可能是用于私有定制的。
<meta http-equiv="Content-Language" content="zh-cn"/>
个人理解中,在content-Type指定charset时,content-language是多余的,但不知道理解对不对?
8、Cache-Control
指定请求和响应遵循的缓存机制。
(1)请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached
(2)响应时消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。
各个消息中的指令含义如下:
public | 指示响应可被任何缓存区缓存 |
private | 指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效 |
no-cache | 协议缓存,可 以在客户端存储资源,每次都必须去服务端做检验,来决定从服务端获取新的资源,还是使用客户端缓存。 |
no-store | 永远都不要客户端存储资源 |
max-age=[秒]/s-maxage | 以请求为例,当客户端发送带有max-age的指令时,缓存服务器会判断当前缓存时间的数据和max-age的大小,如果比max-age小,则当前缓存仍有效。 |
must-revalidate | 代理服务器返回前会再次向源服务器验证缓存是否有效(会忽略max-stable) |
min-fresh | 要求缓存服务器返回 还未过指定时间的缓存资源(例如指定数值为60秒,则在60s内如果有过期的资源,则无法返回) |
max-stable | 例如指定60s,那么资源过期时间在60s内也可以接收 |
only-if-cached | 在资源已经被缓存的情况下,才要求其返回 |
proxy-revalidate | 和must-revalidate差不多,这个用在缓存服务器中的 |