META功能总结

speed_guo

浏览: 313909 次
性别:
来自: 湖北

最近访客更多访客>>

bfs198

sh1818

lauyuhim

lghjbxc

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

搜索引擎网页游戏敏捷开发 Ruby XP

一、META的作用：

meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的 cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级等。

一些网站的示例：

1、SEO视频网

<head>

</head>

2、淘宝网

<head>

</head>

3、hao123

<head>

</head>

4、iteye.com

<head>

<title>JavaEye Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践 - JavaEye做最棒的软件开发交流社区</title>

</head>

5、新浪网

<head>

</head>

6、搜狐新闻

<head>

　　犀利哥：程国荣，生于1976 年10月10日，江西上饶鄱阳人，早年和同乡到宁波打工。"/>

<title>犀利哥_明星资料库_搜狐</title>

</head>

二、META分类

META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

1、 HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：

（1） Content-Type和Content-Language (显示字符集的设定)；

说明：用以说明主页制作所使用的文字以及语言，例如：

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

（2） Refresh (刷新)

说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。

用法： <Meta http-equiv="Refresh" Content="30">
　　　　　　<Meta http-equiv="Refresh" Content="5; Url=http://www.lcsoft.net.cn">
　　　注意：其中的5是指停留5秒钟后自动刷新到URL网址。

（3） Expires (期限)

说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。

用法： <Meta http-equiv="Expires" Content="0">
　　　　　　<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
　　　注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。

（4） Pragma (cach模式)

说明：禁止浏览器从本地机的缓存中调阅页面内容。
　　用法： <Meta http-equiv="Pragma" Content="No-cach">
　　　注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。

（5） Set-Cookie (cookie设定)

说明：cookie设定，如果网页过期，存盘的cookie将被删除。

用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
　　　　　　 21-Oct-98 16:14:21 GMT; path=/">
　　　注意：必须使用GMT的时间格式。

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

说明：强制页面在当前窗口以独立页面显示。
　　用法：<Meta http-equiv="Widow-target" Content="_top">
　　　注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。

（7） Pics-label (网页RSAC等级评定)

说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过该参数来设置的。
　　　用法：<META http-equiv="Pics-label" Contect=“http://localhost”

（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)">
　　　注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果。

（9） MSThemeCompatible (XP主题)

说明：是否在IE中关闭 xp 的主题
　　用法：<Meta http-equiv="MSThemeCompatible" Content="Yes">
　　　注意：关闭 xp 的蓝色立体按钮系统显示样式，从而和win2k 很象。

（10） IE6 (页面生成器)

说明：页面生成器generator，是ie6
　　用法：<Meta http-equiv="IE6" Content="Generator">
　　　注意：用什么东西做的，类似商品出厂厂商。

（11） Content-Script-Type (脚本相关)

说明：这是近来W3C的规范，指明页面中脚本的类型。
　用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript">

2、 NAME

name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。

name的content指定实际内容。

（1） Keywords (关键字)

说明：为搜索引擎提供的关键字列表
　　用法： <Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">

注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。

（2） Description (简介)

说明：Description用来告诉搜索引擎你的网站主要内容。

用法： <Meta name="Description" Content="你网页的简述">

（3） Robots (机器人向导)

其中的属性说明如下：

all：文件将被检索，且页面上的链接可以被查询；
　　　 none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)
　　　 index：文件将被检索；（让robot/spider登录）
　　　 follow：页面上的链接可以被查询；
　　　 noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
　　　 nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

（4） Author (作者)

说明：标注网页的作者或制作组

用法：<Meta name="Author" Content="张三，zs@sina.com">
　　　注意：Content可以是：你或你的制作组的名字,或Email

（5） Copyright (版权)

（6） Generator (编辑器)

说明：编辑器的说明
　　用法：<Meta name="Generator" Content="PCDATA|FrontPage|">
　　　注意：Content="你所用编辑器"

（7） revisit-after (重访)

用法：<META name="revisit-after" CONTENT="7 days" >

以上是META标签的一些基本用法，其中最重要的就是：Keywords和Description的设定。为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派机器人自动在WWW上搜索，当发现新的网站时，便于检索页面中的Keywords和Description，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。