繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > META标签的奥妙
- HTML/XHTML教程
- XHTML中不再使用HTML中的一些废弃元素
- 语义化的HTML结构怎么理解
- Web 标准学习 理解结构和表现相分离
- html5 标签
- HTML5 新事件 小结
- HTML5 b和i标记将被赋予真正的语义
- HTML是网页制作者必须要学习掌握的
- HTML DOCTYPE的缩写
- Readonly和Disabled的区别
- 16进制颜色代码（完全）
- H标记要在网页制作中合理使用
- abbr标记和acronym标记
- 知名浏览器对DOCTYPE模式的选择机制
- 用标准dl,dt,dd标签抛弃table列表
- html 标签ID可以是变量
- iframe 自适应大小实现代码
- HTML5 解析规则分析
- HTML减肥 精简HTML标记制作网页
- HTML5 File API改善网页上传功能
- HTML 5 Reset Stylesheet
HTML/XHTML教程 中的 META标签的奥妙
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 70 ::
收藏到网摘: n/a
到类似下面这段html代码：
-----------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</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.yahoo.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">
注意：用来防止别人在框架里调用你的页面。
5.Content-Type(显示字符集的设定)
说明：设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)
用法：<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
●meat标签的NAME变量语法格式是：
<META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx">
其中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="ajie,[email protected]">
以上是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下来用到自己的站点上。
这里，我们举一段微软多媒体网
评论 (0) All
