META标签详解

关注

转载最新推荐文章于 2026-09-14 14:58:37 发布 568 阅读 AI 写同款· GEO 优化 ›

meta标签大全 <meta charset="UTF-8"> //声明字符的编码**防止出现乱码 <meta http-equiv="x-UA-Compatible" content="IE=edge"> //避免IE使用兼容模式(必须放在前面否则无效) <meta name="viewport" content="width=device-width, initial-sca... 阅读详情

META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码：

----------------------------

<head>

</head>

---------------------------

这就是meta标签的典型运用。meta标签有多少参数，有什么作用，为什么我们要特别重视它呢？让我们一起来发掘meta标签的奥妙!

根据HTML语言标准注释：meta标签是对网站发展非常重要的标签，它可以用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等。

meta标签分两大部分：HTTP-EQUIV和NAME变量。

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

1.expires(期限)

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。

用法：<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

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

2.Pragma(cach模式)

说明：禁止浏览器从本地机的缓存中调阅页面内容。

用法：<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

注意：这样设定，访问者将无法脱机浏览。

3.Refresh(刷新)

说明：需要定时让网页自动链接到其它网页的话，就用这句了。

用法：<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.webjx.com">

注意：其中的5是指停留5秒钟后自动刷新到URL网址。

4.Set-Cookie(cookie设定)

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

用法：<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;

expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

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

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

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

用法：<META HTTP-EQUIV="Window-target" CONTENT="_top">

注意：用来防止别人在框架里调用你的页面。

6.Content-Type(显示字符集的设定)

说明：设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)

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

7 、Page-Exit /Page-Enter(进入页面、离开页面动画效果)

使用meta标签，我们还可以在进入网页或者离开网页的一刹那实现动画效果，我们只要在页面的

html代码中的＜head＞＜/head＞标签之间添加如下代码就可以了：

＜meta http-equiv="Page-Enter" content="revealTrans(duration=5, transition=23)"＞
＜meta http-equiv="Page-Exit" content="revealTrans(duration=5, transition=23)"＞

一旦上述代码被加到一个网页中后，我们再进出页面时就会看到一些特殊效果，这个功能其实与

FrontPage2000中的Format/Page Transition一样，但我们要注意的是所加网页不能是一个Frame

页;Duration的值为网页动态过渡的时间，单位为秒。Transition是过渡方式，它的值为0到

23，分别对应24种过渡方式。如下表：

0 盒状收缩	1 盒状放射
2 圆形收缩	3 圆形放射
4 由下往上	5 由上往下
6 从左至右	7 从右至左
8 垂直百叶窗	9 水平百叶窗
10 水平格状百叶窗	11 垂直格状百叶窗
12 随意溶解	13 从左右两端向中间展开
14 从中间向左右两端展开	15 从上下两端向中间展开
16 从中间向上下两端展开	17 从右上角向左下角展开
18 从右下角向左上角展开	19 从左上角向右下角展开
20 从左下角向右上角展开	21 水平线状展开
22 垂直线状展开	23 随机产生一种过渡方式

●meat标签的NAME变量语法格式是：

其中xxx主要有下面几种参数：

1.Keywords(关键字)

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

举例：<META NAME ="keywords" CONTENT="life, universe, mankind, plants,

relationships, the meaning of life, science">

2.description(简介)

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

举例：<META NAME="description" CONTENT="This page is about the meaning of

life, the universe, mankind and plants.">

3.robots(机器人向导)

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

举例：<META NAME="robots" CONTENT="none">

4.author(作者)

说明：标注网页的作者

举例：<META name="AUTHOR" content="webjx,web@webjx.com">

以上是meta标签的一些基本用法，其中最重要的就是:Keywords和description的设定。

为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出机器人自动在www上搜索，当发现新的网站时，便检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。

也就是说：

1. 如果你的页面中根本没有Keywords和description的meta标签，那么机器人是无法将你的站点加入数据库，网友也就不可能搜索到你的站点。

2. 如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可能性也是非常小的。

所以,我们必须记住添加keywords和description的meta标签，并尽可能写好关键字和简介。

写keywords的禁忌是：

1.不要用常见词汇。例如www,homepage,net,web等。

2.不要用形容词，副词。例如最好的，最大的等。

3.不要用笼统的词汇，要尽量精确。例如不用"摩托罗拉手机",改用"V998"等

寻找合适的关键词的一个技巧是：到lycos,Alta,infoseek等搜索引擎，搜索与你内容相仿的网站，查看排名前十位的网站的meta关键字，copy下来用到自己的站点上。

这里，我们举一段微软多媒体网站的关键字供你参考：

joke of the day, downloads, free music, horoscope, radio, video,

music downloads, movies, radio station, media player, free,