html 的 meta 标签简介及设定方式

最新推荐文章于 2024-11-01 15:19:31 发布

Princess_Ann

最新推荐文章于 2024-11-01 15:19:31 发布

阅读量1k

点赞数

分类专栏： HTML 文章标签： html meta

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

来源：http://wenku.baidu.com/link?url=XUrrL5V16mqPeD-JrgRs-8FrWU_cBT4qiMg-2SO9tdggsQwmW-55g65_iSszTGzIjpeYrjcQOynYE3l4a05DQfm4VVixw4mMkhteLL-Yemi

meta是用来在HTML文档中模拟HTTP协议的响应头报文，meta 标签用于网页的<head>与</head>中。meta 的常用设置如下：

    1、<meta name="Generator" contect="Microsoft FrontPage 4.0"/>用以说明页面生成工具（如Microsoft FrontPage 4.0）等；
    2、<meta name="Keywords" contect="问答提问 meta http"/>向搜索引擎说明网页的关键词；
    3、<meta name="Description" contect="meta简介"/>告诉搜索引擎站点的主要内容；
    4、<meta name="Author" contect="张三"/>告诉搜索引擎站点的作者；
    5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow"/>
        其中的属性说明如下：
        all：文件将被检索，且页面上的链接可以被查询；
      none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
      follow：页面上的链接可以被查询；
      noindex：文件将不被检索，但页面上的链接可以被查询；
        nofollow：文件将不被检索，页面上的链接可以被查询。

   6、<meta name="application-name" contect="帮助系统"/> 给出页面的程序名
        http-equiv属性

<meta http-equiv="Content-Type" contect="text/html;charset=utf-8"/>和<meta http-equiv="Content-Language" contect="zh-CN"/>用以说明主页制作所使用的文字以及语言；

其他字符集：
英文： ISO-8859-1，BIG5、gb2312、shift-Jis、Euc、Koi8-2等字符集；

<meta http-equiv="Refresh" contect="5;url=http://urllink"/>定时5秒，让网页跳转到页面http://urllink；
<meta http-equiv="Expires" contect="Mon,11 May 2011 00:20:00 GMT"/>设定网页缓存到期时间，注意必须使用GMT时间格式；
<meta http-equiv="Pragma" contect="no-cache"/>用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT"/>cookie设定，如果过期，cookie将被删除。注意必须使用GMT时间格式；
<meta http-equiv="Pics-label" contect=""/>网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
<meta http-equiv="windows-Target" contect="_top"/>强制页面在当前窗口中以独立页面显示，可以防止网页被别人当作一个frame页调用；
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"/>

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

在aspnet中，常常通过Response.setHeader( name, contect ) 是用来设置返回页面的头meta 信息。

关于X-UA-Compatible

    目前绝大多数网站都用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。
    谁让IE6那么多呢，或许2014年以后我们可以有更多的时间去关心IE8，而不是IE6或者IE7。
    在X-UA-Compatible中可用的方法有：

    <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版本模式来显示网页的。
    另外加上
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
    而使用，Emulate模式后则更重视<!DOCTYPE>
    所以目前来说还是以<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >为首选。