关于meta标签（力求“大全”）

前言：

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

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

接下来继续查找meta标签相关的信息，发现，这里面其实还有很多学问呢，所以我想把关于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 ="cqqjj1029@gmail.com"   />

我知道目前整理来的信息还是不够会的，比如字符编码和显示语言的值都是什么，再比如有一些进入和离开的动画显示等等，此后我会继续收集整理，也欢迎大家随时来指点指点。

再次强调，HTML/XHTML/DHTML不简单，前端不简单，而且每一个前端设计师都应该有一个信念，要做出兼容任何浏览器的作品来！加油！

转载于:https://www.cnblogs.com/chenqiang001/archive/2012/01/05/2312808.html