HTML文档中小meta的大作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head />与</head />中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

name 属性

  1. <meta name="generator" content="" />用以说明生成工具(如Microsoft FrontPage 4.0)等;
  2. <meta name="keywords" content="" />向搜索引擎说明你的网页的关键词;
  3. <meta name="description" content="" />告诉搜索引擎你的站点的主要内容;
  4. <meta name="author" content="你的姓名" />告诉搜索引擎你的站点的制作的作者;
  5. <meta name="robots" content="all|none|index|noindex|follow|nofollow" />
    其中的属性说明如下:

    • 设定为all:文件将被检索,且页面上的链接可以被查询;
    • 设定为none:文件将不被检索,且页面上的链接不可以被查询;
    • 设定为index:文件将被检索;
    • 设定为follow:页面上的链接可以被查询;
    • 设定为noindex:文件将不被检索,但页面上的链接可以被查询;
    • 设定为nofollow:文件将不被查询,但页面上的链接可以被检索。

http-equiv属性

  1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />和 <meta http-equiv="Content-Language" content="zh-cn" />用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有gbk、big5、utf-8、shift-jis、euc、koi8-2等字符集;
  2. <meta http-equiv="refresh" content="n;url=http://yourlink" />定时让网页在指定的时间n内,跳转到页面http;//yourlink;
  3. <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT" />可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
  4. <meta http-equiv="pragma" content="no-cache" />是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
  5. <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT" />cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
  6. <meta http-equiv="pics-label" content="" />网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
  7. <meta http-equiv="windows-target" content="_top" />强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
  8. <meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)" />和<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transtion=6)" />设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

标签:,

作者:秦歌,时间:2004-12-13 17:39,归纳于:HTML & CSS,订阅:RSS 2.0,引用:Trackback

有评论 7 条,发表一条新评论 »

pig345说:2008-01-24 11:30 #1

伙计你很厉害!

bob说:2009-08-25 18:55 #2

设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性 两个没区别?

秦歌说:2009-08-25 20:09 #3

有区别,原文写错了,现在已修正,多谢。

lain说:2009-10-29 16:42 #4

受益匪浅,不过contect应该是content吧?

秦歌说:2009-10-31 0:23 #5

多谢啊。这是n年前的总结,现在发现的确有很多问题,现在把最常见的错误给修正了,回头我找个时间把这篇好好整理一下。

对DOCTYPE的一点认识 - ILoveJS说:2009-12-18 1:05 #6

[...] 推荐阅读:《用doctype激活浏览器模式》,《HTML和XHTML的不同》,《XHTML1.1标签列表、属性和嵌套规则》,《HTML文档中小meta的大作用》。 [...]

建站之星说:2010-09-21 17:46 #7

这个东东我喜欢啊, 自从google推出nofollow, 阻拦了很多无效链接.

发表一条评论

您可以在下面评论内容中使用下列XHTML标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


回到页眉