返回列表 回复 发帖

[分享] Meta标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。下面介绍一些有关标记的例子及解释。
6 k4 j  O7 W( C+ q- M. i" h9 p  N2 t3 h0 ^
  META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 / _$ q! u5 q- l& S

0 l: b6 F7 E8 r. d. G, T! t( `& m8 i  ★HTTP-EQUIV # q- P# P' _' f$ P1 [
  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
, g, v( R; v' a5 k7 S* R& y+ A5 a5 ~
6 m+ a$ q+ A5 I) j5 Q  1、Content-Type和Content-Language (显示字符集的设定)
7 }: L0 M- P4 F  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 ( Q2 J0 Z2 K1 T- N7 ]7 F3 y
  用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">3 U/ l3 M4 I: o& ~0 b+ F3 S0 |
      <Meta http-equiv="Content-Language" Content="zh-CN">
: N6 K! O! ]8 c- K7 t2 G& |7 E& {- o
# f% J9 b3 m( r4 w7 M' N) m  注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。
: T, W: B4 d% }4 _$ a$ }$ r+ p      
! ~1 Q9 Q% x" s: `; d1 P- Z+ B  Content-Type的Content还可以是:text/xml等文档类型;
  V5 d/ t  {' Z+ L3 [8 G6 ?  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等语言代码。
9 o' \8 g- {; y# w- M% Q/ R' l' ~. v$ s$ t" ?) G  D& o
  2、Refresh (刷新) " W, d2 B6 d$ V* f5 b5 a( m1 m5 ^# s
7 q/ s' ?+ I) n1 y
   说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
1 J- R7 v, I$ Y   用法:<Meta http-equiv="Refresh" Content="30">1 H- A. A/ `" c6 s$ u
      <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">4 v, m* @2 Q! D; \* N. F$ j
   注意:其中的5是指停留5秒钟后自动刷新到URL网址。 , B* u0 U/ R) x2 u. |8 G6 b

+ N, O: P' I& W4 R  3、Expires (期限)
3 g" f) I- F! K" \0 E; |. M/ W; ~6 Q% r& l: q  r% k0 B
   说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。" d" ?  s. H, r) @  J5 `  o) ~
   用法:<Meta http-equiv="Expires" Content="0">2 c( `3 P7 L% y# C4 D: @
      <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">5 `+ ^$ H4 }7 E. f: ~$ w$ U
   注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。 # @& p% @$ f7 v6 r
4 ~6 V" ^! `7 |2 t
  4、Pragma (cach模式)
0 l$ p8 z! `5 K
2 P+ ~3 U3 y, D( E; d! U   说明:禁止浏览器从本地机的缓存中调阅页面内容。$ k6 j4 s" x4 _2 G0 O. x  z
   用法:<Meta http-equiv="Pragma" Content="No-cach">- I- k/ g/ m1 B* Y! H
   注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。 5 D& g6 `; K/ y  }4 s$ P- q7 f
8 `4 ?* Y7 N! Q
  5、Set-Cookie (cookie设定)
" {" N; l+ y8 r2 C  C- [: X5 f* v& w: h2 t5 n  }; p
  说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。4 V1 v$ C( p" W) j4 l8 `
   用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,& B5 w9 ^; O1 r( ~+ f
       21-Oct-98 16:14:21 GMT; path=/">
: z& k1 h- l7 i1 J   注意:必须使用GMT的时间格式。 1 h4 e. w' m9 K* z6 I, |$ {4 C4 l

, C( d; o) ^7 H) m/ _  6、Window-target (显示窗口的设定)
& I  J4 O0 O4 x1 M" D- }4 z' q6 H' k) c
   说明:强制页面在当前窗口以独立页面显示。: r$ r8 P( \3 P" _
   用法:<Meta http-equiv="Widow-target" Content="_top">4 P- u7 F) R5 |- B8 p
   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
' Y, P0 ^/ a3 a7 H, K7 S7 m- [: m0 v" p1 J
  7、Pics-label (网页RSAC等级评定)
: z. H  D, \9 b   说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级
8 u* w/ y( Q3 l      别就是通过该参数来设置的。
+ A$ J8 I1 J. ~7 k6 T# D9 s   用法:<META http-equiv="Pics-label" Contect=
* g( d" \4 L3 L- S4 W  P2 |* C               "(PICS-1.1'http://www.rsac.org/ratingsv01.html'
: ?3 I) k1 c& L( Y! P* K3 [" n0 l  _       I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
$ B; `7 x( o: S- R# n# \6 ~, T       for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"> # N! i9 a7 ~. u9 k- ]
' Q7 ]. u: }+ g/ B: T) P1 e0 T
   注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有sè情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:http://www.rsac.org/# S* b, @( b2 Y. B' t& F) t

8 H& Q! e! {7 s0 E& Y  8、Page-Enter、Page-Exit (进入与退出)
1 ~1 [" U3 e" ~- ?8 ?) q0 Y
8 r7 Y( i2 X3 E$ O" m9 O   说明:这个是页面被载入和调出时的一些特效。
" N, D, H. g8 H   用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">/ L" p  R' S3 _) d+ \$ M1 k
      <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">* P& U  T) a5 |/ r4 _
   注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: . }) H: K3 D7 j& H- x( z0 i
" |" e) e3 F6 m+ O4 x( D0 r9 \% j, e
      <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">: A% E- M; a4 ?4 Z/ k
      <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
# b! b. {1 E1 ^+ ~2 U
$ s1 E3 y9 r' ]) c9 W4 _3 I* E  E/ `9 W       Duration  表示滤镜特效的持续时间(单位:秒)9 u7 s3 x$ K# f4 }" _
       Transition 滤镜类型。表示使用哪种特效,取值为0-23。 ! ^' b; v2 ~, ^) h7 n( V
) K3 `- x8 z' ^7 r2 d  B1 ^
       0 矩形缩小
$ ?6 G9 t1 Q+ V/ X: i. y- n+ _7 o       1 矩形扩大7 I1 @& p, |+ c9 e8 R5 q8 b
       2 圆形缩小% ?. w, }8 m2 t
       3 圆形扩大6 b; q* f  Y: z+ ~0 R/ J/ \. ^7 E, r
       4 下到上刷新- \$ A9 a# {4 b6 K
       5 上到下刷新2 i. w$ ]1 X# X) k' y8 j3 ^4 B( ?
       6 左到右刷新
0 S  S, M% T" O6 Z2 {       7 右到左刷新
6 C( d8 i3 x3 ^/ @. F       8 竖百叶窗' ], T2 K, s, z, t9 b/ z$ H: l/ S1 F/ G
       9 横百叶窗% o2 M" o7 m0 k! M( ~( `
       10 错位横百叶窗1 j$ _9 l6 T& p
       11 错位竖百叶窗
: |) B+ B; n( Q: j- l       12 点扩散5 x8 ^) |8 [7 B# \
       13 左右到中间刷新
( ]$ k$ _3 G7 G3 ~- Z% Y5 W       14 中间到左右刷新
# V9 U" |6 g& ^& R# G       15 中间到上下
7 K# n0 i) Y. T% g       16 上下到中间/ D& d8 T3 A& t& t
       17 右下到左上
% E- c$ V6 j2 J; A2 q7 H       18 右上到左下
6 R: e( ?. G/ ^: I       19 左上到右下
2 X0 q) C! N! U7 g- d6 g" s* w       20 左下到右上# ]2 A& D; Q. c7 J0 g0 ^. L
       21 横条
! }6 j# u( m8 j  ?4 b       22 竖条, e0 o7 j3 P& D; c
       23 以上22种随机选择一种
' G+ f" Y- S8 G; K1 x" w* {& v9 l6 d' ^5 v6 m1 n+ n3 M/ Z
  9、MSThemeCompatible (XP主题)1 @/ L( Z$ x& {+ v
   说明:是否在IE中关闭 xp 的主题2 u  W2 M$ ~) f1 g/ i" q( |
   用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">% r0 H3 q& u4 w) C9 ~) |
   注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。
0 k* L1 [8 k1 |: {
  q) s7 }- l- N5 R& C  10、IE6 (页面生成器)
) o1 @) v4 P' u+ H* Z- w+ I' E   说明:页面生成器generator,是ie65 a0 I% M5 }. c9 ]
   用法:<Meta http-equiv="IE6" Content="Generator">" i$ P! ~$ k$ M* M$ X9 t$ S4 _" ^% U
   注意:用什么东西做的,类似商品出厂厂商。
7 h* ]7 f9 x0 p% m5 V' c; h% _  Z9 k2 f
  11、Content-Script-Type (脚本相关)
( }) U/ y: x( t- X, ~5 Q- o   说明:这是近来W3C的规范,指明页面中脚本的类型。
6 D$ _+ z, l  {! `$ L   用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
5 B( i$ F8 O0 x- Z% {. I+ Y7 N   注意: 3 K6 z+ z$ |7 [& J7 F; w* j9 i2 J
4 `# J! n6 y2 l& r- N
12、MSSmartTagsPreventParsing(): O; u! N8 D4 I* T4 M6 n
说明:一句话哈,就是防止微软页面编辑软件在页面上自动添加标签,保证代码原汁原味
# z8 o# [! ^5 K" j* K% W1 M用法:<meta name="MSSmartTagsPreventParsing" content="TRUE">5 Y: f$ ]  T; M: x2 Y: n+ `: v

- {2 b2 ]6 D3 R( k  ★NAME变量
, }5 v7 k" D; [, F
/ l& [. _2 F/ x' R8 W  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。. K* f6 a8 F4 C* Q
  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、
/ r8 U$ a: ~% n0 U% k8 N% q& Jdocument ID(文档编号)和level(等级)等。
3 m$ ?& k) ?) [# w  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
5 |) j$ v" l% F) L0 N6 R& _/ C% \* x2 T! D. {
  1、Keywords (关键字)
/ B. {( P# ?' T& F: o   说明:为搜索引擎提供的关键字列表1 U6 C, @0 S3 o) o
   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">
, k% ^2 I$ W% i5 M9 v   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
! _& h- ]8 \9 t: d6 E5 b! q- p      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">' G, e6 E# @, Y$ H- g) p
      <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">
; x! E0 g5 O  {
  s" R+ K( c( d2 h* Z9 s: K  2、Description (简介)
6 N2 k; b" H4 N2 i, V1 G   说明:Description用来告诉搜索引擎你的网站主要内容。0 t6 l/ C$ k. H' R# ^: x3 a
   用法:<Meta name="Description" Content="你网页的简述">" Z6 a4 X+ I, z; c. H% W- e
   注意: # T4 q, B4 d+ x! j

2 b# I& V* ~+ Y6 w1 a1 H  3、Robots (机器人向导)8 q9 o0 y& c% |
   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。+ S3 X% D& }& h7 s; x
   用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
+ T9 B- M6 J* [# f   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。 8 u: B. n% A- k7 w4 N4 ?( Y4 ^
1 G) b  N0 b# F8 ^
    all:文件将被检索,且页面上的链接可以被查询;' r6 B3 q: I* o$ X
    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)9 W! g& ]& D4 u
    index:文件将被检索;(让robot/spider登录)  Y! L! |; l7 X  j
    follow:页面上的链接可以被查询;
# Q6 h. a0 }) z7 ^& u# m7 r    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)7 ?6 V; h: i" B+ b: R
   nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)   r7 z, o0 m5 v. L6 `9 v+ ~

4 n! C6 @0 _! n  4、Author (作者): G+ C) ?3 ~9 G9 V) x9 k# @
   说明:标注网页的作者或制作组! ]3 P7 O; d- A
   用法:<Meta name="Author" Content="张三,abc@sina.com">
" @( ]; h3 b/ z/ r# t/ T$ B, i' n8 G! y   注意:Content可以是:你或你的制作组的名字,或Email # @1 O6 }+ f2 j6 F. F
8 c4 n8 c; J& l% w
  5、Copyright (版权)
" Z! n" F$ E. m% u: J2 _; Y8 {8 S3 N   说明:标注版权: I9 ]# B6 _; k1 c
   用法:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
* ?3 e4 i  H4 R+ ~4 W& ~   注意:
! O1 h3 j+ g# {$ k/ c/ n: N# C6 \
7 ?7 B% g5 h7 ~/ E2 E5 Q8 ]& c; Z  6、Generator (编辑器)
$ X: i' t! p$ O( A- Y! Z/ O5 U   说明:编辑器的说明9 q; ?6 Z, S9 h% A# R
   用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
7 q4 \; K: E4 ~: \- }) x" _6 u9 [   注意:Content="你所用编辑器"
8 b1 M% G0 _: T1 W) I
* Z2 I+ x: j' a) B; J* d  7、revisit-after (重访)
5 z6 O1 J6 i- s' y6 V7 F   说明:# l# V. K& A% n0 G+ E& B
   用法:<META name="revisit-after" CONTENT="7 days" >
# t: w& H; r7 w/ {9 [  d8 |& U   注意: ( s; Q' r8 C9 P4 c% w

  ?) g) Y- i& c2 j, x, y/ \0 l. H
- V; Y2 H; L2 b3 ?2 ]2 m  ★Head中的其它一些用法
* n# p) r* Y: u
2 Q$ N" |2 p$ S- n3 q  w1 t  1、scheme (方案)$ `2 o- [* O5 E+ Z
   说明:scheme can be used when name is used to specify how the value of content should
& E# _% l. D/ q$ z7 k7 [      be interpreted.
, t- }9 E8 A- _; ]: [   用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />: y2 B8 y4 e9 r
   注意:
& ?8 J, O4 e/ z8 c/ @5 Z6 K8 Q: H2 `0 z$ O
  2、Link (链接)
& Q3 f9 P3 u) x9 f# K: p; |2 p% [   说明:链接到文件
0 |9 s) D0 b3 i$ J" a* w% S$ t   用法:<Link href="soim.ico" rel="Shortcut Icon">
" g; ?" ~& X$ y, }' @   注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下:
3 [) G; x2 a! q5 E2 K' k( f       <link href="URL" rel="relationship">
) @0 m# L, K, ~5 _       <link href="URL" rev="relationship">
2 \/ Z4 W6 d4 ^2 B3 k$ d4 \) S7 u, }- f' p
  3、Base (基链接)
& w9 g; X6 Y( v+ k, u% ?1 t4 Z* h   说明:插入网页基链接属性
; d: z% e- o; F" @& P   用法:<Base href="http://www.fl86.com/" target="_blank">$ g# i: L' M! O, F, @5 K
   注意:你网页上的所有相对路径在链接时都将在前面加上“http://www.fl86.com/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。
怨去吹箫,狂来说剑,两样销魂味。
返回列表