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”链接文件全屏显示。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。