meta标签

HTML/XHTML/DHTML并不简单，我想就单说一个meta标签都不见得有谁能完全掌握好（也许很多人根本都不会关心它）。

在我刚刚更新了IE到IE9时，发现了一个小现象，就是用IE9打开我做的页面时会出现“Compatibility View”按钮，而访问Google时就没有，这是为什么呢（你会去考虑这个问题吗）？后来多方查找之后才发现了原因，在google的页面源代码里有“<meta http-equiv="X-UA-Compatible" content="IE=edge">”这么一行，就是因为有了它，IE的“兼容性视图”按钮才不显示的。

这里面其实还有很多学问呢，所以我想把关于meta标签的知识收集起来以方便参考。

下面便是正文：

  <!--

  x-ua-compatible(浏览器兼容模式)

  仅对IE8+以效

  告诉浏览器以什么版本的IE的兼容模式来显示网页

  <meta http-equiv="X-UA-Compatible" content="IE=5" >

  <meta http-equiv="X-UA-Compatible" content="IE=7" >

  <meta http-equiv="X-UA-Compatible" content="IE=8" >

  <meta http-equiv="X-UA-Compatible" content="IE=edge" >

  其中最后一行是永远以最新的IE版本模式来显示网页的。

  另外加上Emulate模式

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >

  Emulate模式后则更重视<!DOCTYPE>

  （细心的人会注意到，用IE9去访问带有x-ua-compatible的页面时是不会出现兼容视图按钮的）

  -->

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

  <!--

  expires(期限)

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

  必须使用GMT的时间格式

  -->

  <meta http-equiv="expries" content="Wed, 26 Feb 2012 08:21:57 GMT" />

  <!--

  pragma(cach模式)

  禁止浏览器从本地的缓存中调阅页面内容

  设定后访问者将无法脱机浏览

  -->

  <meta
http-equiv="pragma" content="no-cache" />

  <!--

  refresh(刷新)

  定时让网页自动链接到指定URL，单位是秒

  -->

  <meta http-equiv="refresh" content="5;url="http://www.baidu.com" />

  <!--

  set-cookie(cookies设定)

  定义Cookies

  -->

  <meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Wed, 26 Feb 2012 08:21:57 GMT;path=/" />

  <!--

  window-target(显示窗口的设定)

  设置当前窗口页面显示方式

  如果设置成_top就会强制页面在当前窗口以独立页面显示，防止别人在框架里调用页面

  -->

  <meta http-equiv="window-target" content="_top" />

  <!--

  content-type(显示字符集设定)

  设定页面使用的字符集

  -->

  <meta http-equiv="content-type" content="text/html;charset=gb2312" />

  <!--

  content-language(显示语言的设定)

  设置页面的显示语言

  -->

  <meta http-equiv="content-language" content="zh-cn" />

  <!--

  keywords(关键字)

  告诉搜索引擎这个网页的关键字

  -->

  <meta name="keywords" content="girl, sexy, hot" />

  <!--

  description(简介)

  告诉搜索引擎网站的主要内容

  -->

  <meta name="description" content="This page is about pretty girls." />

  <!--

  robots(机器人向导)

  告诉搜索引擎哪些页面需要索引，哪些页面不需要索引

  content的值包括：all, none, index, noindex, follow, nofollow。 默认是all

  -->

  <meta name="robots" content="none" />

  <!--

  author(作者)

  标网页作者

  -->

  <meta name="author" content="[e-mail]" />