首页 > 代码库 > meta详解
meta详解
meta详解一（基础篇）
概述
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的HEAD标记和TITLE标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。
| 属性 | 值 | 描述 |
|---|---|---|
| content(必须) | 用户自定义 | 定义与 http-equiv 或 name 属性相关的元信息 |
| http-equiv | content-type expires refresh set-cookie | 把 content 属性关联到 HTTP 头部。 |
| scheme | 用户自定义 | 定义用于翻译 content 属性值的格式。 |
详细介绍
HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：
1. Content-Type和Content-Language (显示字符集的设定)
说明:设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。
用法:
|
|
注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。
Content-Type的Content还可以是：text/xml等文档类型;
Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。
2. Refresh (刷新)
说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
用法：
|
|
注意：其中的5是指停留5秒钟后自动刷新到URL网址。
3. Expires (期限)
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
用法：
|
|
注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。
4. Pragma (cach模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容。
用法：
|
|
注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览
5. Set-Cookie (cookie设定)
说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。
用法:
|
|
注意：必须使用GMT的时间格式。
6. Window-target (显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：
|
|
注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。
NAME变量
name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
name的value值（name=””）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值。
1.Keywords (关键字)
说明：为搜索引擎提供的关键字列表
用法：
|
|
注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：
|
|
2. Description (简介)
说明：Description用来告诉搜索引擎你的网站主要内容。
用法：
|
|
3. Robots (机器人向导)
说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法：
|
|
注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
- all：文件将被检索，且页面上的链接可以被查询；
- none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow” 起相同作用)
- index：文件将被检索；（让robot/spider登录）
- follow：页面上的链接可以被查询；
- noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
- nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
4. Author (作者),Copyright (版权)等
这个用法就不详细探讨了。。。。
Head中的其它一些用法
1.scheme (方案)
说明：解析name的方案(一直未使用过，详细用法不明。。)
用法：
|
|
2. Link (链接)
说明：链接到文件
用法：
|
|
注意：很多网站如果你把它保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话，就能轻松实现这一功能。LINK 用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 HEAD 标记间。
3. Base (基链接)
说明：插入网页基链接属性
用法：
|
|
注意：你网页上的所有相对路径在链接时都将在前面加上 http://www.baidu.com/ 其中target=”_blank”是链接文件在新的窗口中打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（帧）中打开；改为“_top”链接文件全屏显示。
meta详解