META 标签的奥妙

转载 2005年05月28日 21:41:00

 源代码、教程、特效

META 标签的奥妙

META 标签,是 HTML 语言 head 区的一个辅助性标签。在几乎所有的网页里,我们都可以看到类似下面这段 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=::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,ajie@netease.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、Altavista、Infoseek 等搜索引擎,搜索与你内容相仿的网站,查看排名前十位的网站的 META 关键字, copy 下来用到自己的站点上。  
   这里,我们举一段微软多媒体网站的关键字供你参考:  
< META name="keywords" content="joke, music, MP3, media, audio, joke of the day, downloads, free music, horoscope, radio, video, music downloads, movies, radio station, media player, free, download, weather, horoscopes, windows media technologies, online, radio station guide, free download">  
   小资源 : 人们最常用的一些搜索词 ( 即关键词  可以到  
::URL::http://www.searchterms.com/   
::URL::http://eyescream.com/yahootop200.html   
   两个网址一看,那里有每个月网上最流行搜索词的排行榜 .  
   另外为了提高搜索点击率,这里还有一些"邪门歪道":  
   1. 为了增加关键词的密度,将关键字隐藏在页面里 ( 将文字颜色定义成与背景颜色一样  。  
   2. 在图象的 alt 注释语句中加入关键字。 如: < IMG SRC="xxx.gif" Alt="keywords">  
   3. 利用 HTML 的注释语句,在页面代码里加入大量关键字。 用法: < !--- 这里插入关键字 --->  


[转载]

meta-data标签的使用

  • 2012年11月27日 09:52
  • 67KB
  • 下载

关于jsp页面中的pageEncoding和contentType以及html中的<meta标签中字符集的设置

一开始对这几个有关字符集设置方面比较困惑,网上查阅了一些资料,最常见的就是我下边原文转载的那一篇《关于JSP页面中的pageEncoding和contentType两种属性的区别》, 但在实际测试中...

html的name和meta标签

  • 2014年12月01日 11:38
  • 9KB
  • 下载

很实用的html meta标签实现页面跳转

就算你是有很多年开发经验的web开发工程师,有着很多web开发经验,对于先进的web开发技术有着很深刻的研究,然而你却忽略了那些最最基础的东西!现在我来问你,你是否对html所有的标签都能熟练的使用呢...

html语言meta标签解析及SEO优化

  • 2008年10月19日 19:02
  • 57KB
  • 下载

网页头部标签meta详解

  • 2008年05月26日 23:36
  • 42KB
  • 下载

移动前端头部标签(HTML5 head meta)

DOCTYPE html>  html lang="zh-cmn-Hans">  head>           meta charset='utf-8'>      ...

Meta标签详解

  • 2008年04月14日 13:07
  • 55KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:META 标签的奥妙
举报原因:
原因补充:

(最多只允许输入30个字)