- A+
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
一、HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
1、Content-Type和Content-Language (显示字符集的设定)
用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">或<Meta http-equiv="Content-Language" Content="zh-CN">
设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-2022-jp,韩文的是ks_c_5601等。
2、Refresh (刷新)
用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.zhangjianqun.com">
让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。
3、Expires (期限)
用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。注意:必须使用GMT的时间格式。
4、Pragma (cach模式)
用法:<Meta http-equiv="Pragma" Content="No-cach">
网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
5、Set-Cookie (cookie设定)
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。
6、Window-target (显示窗口的设定)
用法:<Meta http-equiv="Widow-target" Content="_top">
强制页面在当前窗口以独立页面显示。这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
7、Pics-label (网页RSAC等级评定)
用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.zhangjianqun.comI gen comment 'RSACi North America Sever' by
'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。
8、Page-Enter、Page-Exit (进入与退出)
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: Duration 表示滤镜特效的持续时间(单位:秒);Transition 滤镜类型。表示使用哪种特效,取值为0-23。
9、IE6 (页面生成器)
用法:<Meta http-equiv="IE6" Content="Generator">
页面生成器generator,是ie6。
10、Content-Script-Type (脚本相关)
用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意:这是近来W3C的规范,指明页面中脚本的类型。
二、NAME变量
name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
11、Keywords (关键字)
用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4">
为搜索引擎提供的关键字列表。注意:各关键词间用英文半角逗号“,”隔开。关键词数量最好保持在5个以内,关键词要和页面内容相关。
12、Description (简介)
用法:<Meta name="Description" Content="你网页的简述">
Description用来告诉搜索引擎你的网站或该页面的主要内容,描述内容要和页面内容相关,字数在150个字以内。
13、Robots (机器人向导)
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用);index:文件将被检索;(让robot/spider登录);follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录);nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)。
14、Author (作者)
用法:<Meta name="Author" Content="剑歌,www.zhangjianqun.com">
标注网页的作者或制作组。Content可以是:你或你的制作组的名字或Email。
15、Copyright (版权)
用法:<Meta name="Copyright" Content="本页版权归剑歌所有。All Rights Reserved icediary">
标注版权。
16、Generator (编辑器)
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
编辑器的说明。
17、revisit-after (重访)
用法:<META name="revisit-after" CONTENT="7 days" >
一般用做引导搜索引擎重新访问你的站点的时间间隔,一般使用days。
三、META常用举例:
<META http-equiv=Content-Type content="text/html; charset=gb2312">
//设定页面语言为简体中文
<META content="关键字" name="keywords">
//设定关键字
<META content="内容描述" name="description">
//设定描述
<META http-equiv="Refresh" Content="30">
//设定该页面30秒自动刷新
<META name="robots" content="index, follow" />
//设定允许搜索引擎可以检索,页面上链接可以查询
<META name="googlebot" content="index, follow" />
//针对google的搜索机器人设定允许搜索引擎可以检索,页面上链接可以查询
<META name="Author" Content="剑歌">
//页面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//页面版权
<META name="revisit-after" CONTENT="1 days" >
//设定回访为1天
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫