HTML中各种常用meta标签的作用

meta是HTML的head中的一个辅助性标签,其作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等。

 

meta标签共有两个属性:name属性和http-equiv属性。

 

1、name属性

 

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找和分类信息。搜索引擎分为两大类:一类为完全人工登录,如Yahoo;另一类为机器人搜索,以机器人搜索的搜索引擎会包含更多的内容,如机器人会搜索网页meta标签中所设置的描述关键字,把它们加入到搜索数据库中,用来索引网页。

 

<meta name="参数" content="参数值">

 

1) Keywords(关键字)

 

告诉搜索引擎网站的关键字。

 

<meta name="keywords" content="culture,politics,economic">

2) description(网站内容描述)

 

告诉搜索引擎网站的主要内容。搜索引擎可以使用该描述作为搜索结果。

 

<meta name="description" content="This page is about culture,politics and economic.">

3) robots(机器人向导)

 

搜索机器人哪些页面需要索引,哪些页面不需要索引。

 

content的可能值有:all,none,index,noindex,follow,nofollow,默认是all。

 

<meta name="robots" content="none">

4) author(作者)

 

告诉搜索引擎网站的作者

 

<meta name="author" content="xiaojia@163.com">

 

 

2、http-equiv属性

 

类似于HTTP的头部协议,可以向浏览器回应一些有用信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

 

<meta http-equiv="参数" content="参数变量值">

 

1) Expires(期限)

 

设定网页在缓存中的到期时间,一旦网页过期,必须重新请求服务器获取最新资源。

 

<meta http-equiv="Expires" content="Sun, 31 Dec 2017 23:59:59 GMT">
<meta http-equiv="Expires" content="Sun, 31 Dec 2017 23:59:59 GMT">

注意:必须使用GMT的时间格式或直接设为0。

 

2) Pragma(cache模式)

 

禁止浏览器从浏览器缓存中读取资源。

 

<meta http-equiv="Pragma" content="no-cache">

结果:无法脱机浏览。

 

3) Cache-Control(请求和响应遵循的缓存机制的设定)

指定请求和响应遵循的缓存机制。

 

content的可能值有:

 

① Public:响应可被任何缓存区缓存。

 

② Private:对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当前用户的部分响应消息,此响应消息对于其他用户的请求无效。

 

③ no-cache:请求或响应消息不能缓存。

 

④ no-store:防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存,完全不存下來。

 

⑤ max-age:客户端可以接收生存期不大于指定时间(以秒为单位)的响应。

 

⑥ min-fresh:客户端可以接收响应时间小于当前时间加上指定时间的响应。

 

⑦ max-stale:客户端可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

 

<meta http-equiv="cache-control" content="max-age=2400">

设置网页不缓存的三种方法:

 

<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">

4) Refresh(刷新)

 

设定网页指定时间(秒)后自动刷新,或自动链接到其它网页。

 

<meta http-equiv="Refresh" content="5">
<meta http-equiv="Refresh" content="5;URL=http://www.baidu.com">

5) Set-Cookie(cookie设定)

 

说明:设定cookie。浏览器访问某个页面时会将它存在缓存中,下次再访问时就可从缓存中读取以提高速度。当希望每次都刷新,就要禁用缓存。通常HTML文件没有必要禁用缓存,而对于ASP等页面就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,cookie将被删除。

 

<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Sun, 31 Dec 2017 23:59:59 GMT;path=/">

注意:必须使用GMT的时间格式。

 

6) Window-target(显示窗口的设定)

 

强制页面在当前窗口以独立页面显示。

 

content的可能值有:_blank、_top、_self、_parent。

 

<meta http-equiv="Window-target" content="_top">

作用:防止页面被别人在框架里调用。

 

7) content-Type(显示字符集的设定)

 

设定页面使用的字符集。

 

ontent的可能值有:text/xml等文档类型;charset选项:ISO-8859-1(英文)、BIG5、UTF-8、gb2312等字符集。

 

<meta http-equiv="content-Type" content="text/html;charset=UTF-8">

8) content-Language(显示语言的设定)

 

设定页面使用的语言。

 

<meta http-equiv="Content-Language" content="zh-cn"/>

9) Page-Enter、Page-Exit (页面进入与退出)

 

设置页面进入与退出时的一些特效。

 

<meta http-equiv="Page-Enter" content="blendTrans(duration=0.5)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=0.5, transition=16)">

blendTrans是动态滤镜的一种,产生渐隐效果;revealTrans也可以用于页面进入与退出效果。duration 表示滤镜特效的持续时间(单位:秒);transition表示滤镜类型,使用哪种特效,取值为0-23。

 

10) Site-Enter、Site-Exit (网站进入与退出)

 

设置网站进入与退出时的一些特效。

 

<meta http-equiv="Site-Enter" content="blendTrans(duration=0.5)">
<meta http-equiv="Site-Exit" content="revealTrans(duration=0.5, transition=16)">

11) last-modified(请求资源的最后修改时间)

 

设定请求资源的最后修改时间。

 

<meta http-equiv="last-modified" content="Sun, 07 May 2017 8:45:57 GMT">

注意:必须使用GMT的时间格式。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/341.html