返回列表 回复 发帖

[分享] Meta标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。下面介绍一些有关标记的例子及解释。
% i! x6 @% k6 h7 r* ?+ g% D
. W$ J8 a! u# @, P  META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 8 G" l& `4 i4 |+ E7 F; Y

* x+ s/ u# ?) X) W  ★HTTP-EQUIV " {; ^5 G% c* a
  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
, S- w4 J/ n* L. I; J- _7 t+ S: K' u7 U) s6 T9 E
  1、Content-Type和Content-Language (显示字符集的设定) - Q0 Y2 c; r$ j8 {" T
  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。
- l( e$ |, U& M2 \1 V& Q( n  用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">+ W; ^! H8 w- C+ i1 H
      <Meta http-equiv="Content-Language" Content="zh-CN">
: _( }1 v3 k9 Z# S( Q& W* F7 [" P6 K) ]) m' M0 Y$ n
  注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。/ c7 U4 n1 F: @% n- i5 C
      
! s3 W  f! Q. h  @& x9 o4 h  Content-Type的Content还可以是:text/xml等文档类型;) I2 i/ S3 |  k4 x0 _9 N$ a
  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等语言代码。
! H! h- U& M7 l! O0 q( ~, M6 @1 d1 a9 S* ]
  2、Refresh (刷新)
. S- R. b3 J+ G  p& ]# W3 w6 I
: C( F1 k1 d0 x! F% L   说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
( P7 `6 g' N8 Q4 T) b9 u! F! x! P   用法:<Meta http-equiv="Refresh" Content="30">! Q1 I5 o) I: d4 V% [8 G) X
      <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">4 Z  n& d, y9 H. G
   注意:其中的5是指停留5秒钟后自动刷新到URL网址。
; j" C0 q/ q; y: |5 [/ p- x/ Q5 Z7 X! m1 m9 M; K4 J
  3、Expires (期限) ) E# v( J, G# v% ~/ c1 R

! c. l2 z9 l' u4 }5 j0 ~7 `   说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
! H  k+ o& E( C- }, o0 V   用法:<Meta http-equiv="Expires" Content="0">
) `( ^) W* u8 z      <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
) @; z/ C1 ]; G9 g- ^1 y   注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。
/ _% {7 Q$ E6 e, w* R4 A" X
5 y; T& ~5 u1 W  4、Pragma (cach模式) $ F1 O2 W" l. n7 i* O

( C9 K( J3 w8 a   说明:禁止浏览器从本地机的缓存中调阅页面内容。: x) ?- o/ n1 c6 ]/ y* ^
   用法:<Meta http-equiv="Pragma" Content="No-cach">2 C5 d" S. w3 V: G( P
   注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
" c, _: v9 m6 E$ N5 j& S3 ?  P
9 e9 F" B0 Q9 ]4 @, Z  5、Set-Cookie (cookie设定) 2 l+ S. V' `, E  C3 Y7 V' N
/ l9 N, g. I- s: n, _. x+ l. y
  说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。" f" s( _8 ^+ J6 I& m5 `
   用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,6 Z/ l( d' f5 \* {& Z
       21-Oct-98 16:14:21 GMT; path=/">
7 c0 C: Y. z# j5 Z9 r   注意:必须使用GMT的时间格式。
3 C  k8 H. l, \1 |7 S# |0 ^. x( v& y& g
  6、Window-target (显示窗口的设定) 6 m/ l2 o$ `# r6 K2 w9 S/ W
% Z& S& B6 n) G5 x7 h% j
   说明:强制页面在当前窗口以独立页面显示。( O) {! d8 d% V0 `- S& o( \
   用法:<Meta http-equiv="Widow-target" Content="_top">
1 e" V0 E6 z" ?1 s4 {: X   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
, n9 C$ R7 t/ x5 M0 s1 J6 x. I* B/ B, w, ^4 D1 d& {
  7、Pics-label (网页RSAC等级评定)- Z* b: p: m& ^# \; z# O; ~9 z
   说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级+ R& |/ \/ y% v, R- x; L) ^
      别就是通过该参数来设置的。  X" ^! Z- K% y. i7 u$ `
   用法:<META http-equiv="Pics-label" Contect=
( k5 ?5 n5 i' X( R8 n" B               "(PICS-1.1'http://www.rsac.org/ratingsv01.html'! `$ ]$ N7 _1 t- r( U: j: x* ~0 S
       I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
1 t9 X6 e% k# e4 s       for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"> 7 s7 G* X/ a3 R( T9 f2 W

' K/ J) @( j- t# G. C2 @   注意:不要将级别设置的太高。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// [. A3 t' _# B- P% m$ z% O0 K

! ]' U9 |0 |8 @  8、Page-Enter、Page-Exit (进入与退出)
6 Y2 v8 y$ i6 z* h. C" l" `7 p: p; A: J0 f: G1 L% h
   说明:这个是页面被载入和调出时的一些特效。6 h, U: i! s* u; j
   用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">5 M- [8 s0 _* N7 U. L5 }" E2 t2 G
      <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
6 \" s# }: ]" r7 x+ D/ ~# W& F   注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
' n$ z4 }5 b- }' l) X$ F; p8 r  q0 p; K6 R
      <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
9 V0 s  I6 w3 e* t- \* H      <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"> 0 e, K8 \/ T" Y9 Y" N

2 s: j" p5 T& @) m7 D& j( g& b# _) n       Duration  表示滤镜特效的持续时间(单位:秒)9 `' H8 j- R" p; E; U' i) B
       Transition 滤镜类型。表示使用哪种特效,取值为0-23。 ' t4 w' z# h$ I9 U* L7 a9 U; J
- R7 {) }5 K$ x8 i* ?( Z
       0 矩形缩小
  B" t) G3 @. J3 Y6 i       1 矩形扩大
) i1 D2 }+ H0 R& e       2 圆形缩小0 X( Y* B# Z. ?1 e
       3 圆形扩大( ]9 B' f# h9 W
       4 下到上刷新+ S- p) r0 c: A* l& M/ \1 G% u# r. w
       5 上到下刷新
3 b& [/ j2 }0 t4 x. P       6 左到右刷新
  Y. M) \5 i( E& m# f- _3 T       7 右到左刷新8 t6 f0 m9 E! t( J' ~- J) `2 Z
       8 竖百叶窗" ?  Y$ V$ j" O6 X8 ]- S
       9 横百叶窗3 q; `* L+ ^  T: _5 r* m
       10 错位横百叶窗/ ?* Y' ^* Z3 v- C
       11 错位竖百叶窗
! s' m* r7 }* {. w, v& X       12 点扩散
" a1 q* `& U/ I7 X! q# N       13 左右到中间刷新! _6 w6 K% [. l2 v
       14 中间到左右刷新
* k( ^+ E3 q' O! C       15 中间到上下  S- F4 _& J$ u- H6 G+ v. d0 R
       16 上下到中间
1 u# ]- _" {, C       17 右下到左上
0 n: C, E) H2 L- ~; L" R, }       18 右上到左下* ]* V1 K& ^$ X2 q% O
       19 左上到右下
  ^$ Y' v# _6 ?5 d8 f. A       20 左下到右上/ c3 X& d$ [" y* R; h" Z& H
       21 横条0 n$ t% ^! I# ^
       22 竖条6 ~/ b/ {) V$ ?" Y) v
       23 以上22种随机选择一种 0 H: x1 A4 i& n2 `! x
. @9 y1 l6 z$ U0 z, @/ ^
  9、MSThemeCompatible (XP主题); W: ]  P9 y; h0 Z" N  ?6 l
   说明:是否在IE中关闭 xp 的主题: ^) a% \+ d8 t( ?$ ?
   用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">$ D, r6 \8 q5 f, S
   注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。
1 h3 z- g& n2 R8 @8 i! I
: h  j2 s# {1 I  10、IE6 (页面生成器)# m8 E- U% N  l: z5 z% X6 M
   说明:页面生成器generator,是ie61 N- J# b: h! @+ [. b  L
   用法:<Meta http-equiv="IE6" Content="Generator">) X1 l' _4 x% [  |' b* A' F1 M
   注意:用什么东西做的,类似商品出厂厂商。
( p# d% {1 u$ |* f  |* B) W9 U/ ~: j. `
8 r8 T6 h8 w4 u6 I4 }* |( O: U' j  11、Content-Script-Type (脚本相关)
; a5 W' Q% A7 S* I/ M' B* m  T   说明:这是近来W3C的规范,指明页面中脚本的类型。
/ |4 r# s: c2 S0 {) T; q   用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
8 p( v/ ~# H6 g# }8 j1 ]6 A6 O   注意: ( a' a# y- x3 a
8 e$ g5 |. ]1 ]& K. u6 t, t- N
12、MSSmartTagsPreventParsing()" E& }; p' o* l1 e" ?" I9 Z
说明:一句话哈,就是防止微软页面编辑软件在页面上自动添加标签,保证代码原汁原味
' }* |0 q: K- r# m' R' U用法:<meta name="MSSmartTagsPreventParsing" content="TRUE">
- F' d0 @& w+ I  X" A- B
: n0 P& G0 |9 _$ q) g2 d8 Z  ★NAME变量 ) A6 ^0 B; \5 x. Z' w" u7 G
. m5 v0 ?  n$ E: y/ y, u
  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。4 M: o6 |7 e# [4 ]
  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、! P) x' f* f2 [4 K
document ID(文档编号)和level(等级)等。
: F8 H5 k( }8 }0 l- h/ ^% Y  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
% U4 O& a/ t' n# |- A& K
9 j5 I0 H7 X% F4 r9 Y  1、Keywords (关键字)) f" P* ~" n' f4 G$ A
   说明:为搜索引擎提供的关键字列表
4 `! Y, S% s+ c3 r; l6 T   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">; W+ f, D0 N3 K6 p
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:$ V! c( {) B* I% K* o7 }9 n
      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
5 r/ @$ ?$ r+ b3 b: J      <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"> . s8 H* b" C3 {/ o0 Y9 ~1 s, q

* C/ E- i9 y# C# q. J+ w  2、Description (简介)
; T; ]! \' k# C( k   说明:Description用来告诉搜索引擎你的网站主要内容。
, p+ U7 I% `# n  K4 J# Z   用法:<Meta name="Description" Content="你网页的简述">
( P8 K+ M/ g5 t& z6 j1 c   注意: 2 s" y' t& E% o& @1 X. B" u

+ I4 s) R3 p+ e4 s( _) }  3、Robots (机器人向导). [3 [! a0 P0 z" m% R; T3 O( r- d
   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。" R. ?5 T% @. [* K! G. v
   用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
" G0 z* i) l* R" z) k( y7 U5 p   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
; }# q( i! q1 e5 ?8 b6 G4 s$ k4 n5 G* W9 k6 y0 R  n% }- S
    all:文件将被检索,且页面上的链接可以被查询;. [( Z2 V% ^9 q, j& F' E
    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)1 O8 B% c& m6 J  ^
    index:文件将被检索;(让robot/spider登录)
3 P& v$ c2 a7 K. Y& s    follow:页面上的链接可以被查询;
: I; `! H8 X! h5 O) T: u    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)/ E0 E) `) E) ~  r( \
   nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
; j$ }& T7 K# e9 @' X  N
. I$ V: R" x# d. h4 s  4、Author (作者)
3 f) A; j3 H8 I/ ~5 F   说明:标注网页的作者或制作组
( s! t, H: k. c4 x0 V1 n- O   用法:<Meta name="Author" Content="张三,abc@sina.com">$ b1 G: d2 S* Q& v6 J/ Q8 i6 t
   注意:Content可以是:你或你的制作组的名字,或Email 2 |4 X- |) p! O

9 I, W4 Z" [/ K$ U4 H8 T  L7 T  5、Copyright (版权)
) W7 K, o+ A9 j$ Y+ v   说明:标注版权
8 v6 ]' o5 f, z6 G+ q# e. r0 O$ S   用法:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">4 [" m: C& \9 L. x7 J. e
   注意:
! Y5 K. s4 M' {2 s3 u4 N/ f# w& F1 N8 y, t4 h
  6、Generator (编辑器)% x' b" t' {# d9 F
   说明:编辑器的说明/ Y: m: v' z2 T# N
   用法:<Meta name="Generator" Content="PCDATA|FrontPage|">$ w$ e- H6 D' i. b- ~6 x& B) B- V: O
   注意:Content="你所用编辑器" ( H' J0 I- m$ M, K

7 z8 F" G4 o: ~+ Q% W  7、revisit-after (重访)0 \  ]1 ^# S' E* |% g0 D
   说明:1 X# a6 G+ `& V) R8 i. \; R: I! Y
   用法:<META name="revisit-after" CONTENT="7 days" >( \# b- ~( m/ W5 P1 f& D
   注意:
* e8 r& y, |) b* w! c- U  s
5 ]4 i) c7 X" V$ g, d- q9 K% e- k1 l1 v
  ★Head中的其它一些用法 7 W, L" X+ p: [( R4 V* w  M

9 X$ v. ^/ I) g2 e: s1 X/ y6 n  1、scheme (方案)! Y' j  z$ K, M6 P
   说明:scheme can be used when name is used to specify how the value of content should
; r# ]" e; D: r/ D      be interpreted.
) l% \5 O; n+ a0 b1 q   用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />; f* x8 o# O$ C3 U# W, N- k: w
   注意: 2 N7 X  j. l; D! F9 z" E" I: |
! @9 h7 @9 W8 M. M8 c
  2、Link (链接)
# \: w: o7 h$ m( \! a$ i7 Z   说明:链接到文件* [1 Y: v9 B% _8 X3 N
   用法:<Link href="soim.ico" rel="Shortcut Icon">' z4 w6 S1 ~* J; @4 m% V& m/ n: D
   注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下: - Q- q0 S! T+ k# g
       <link href="URL" rel="relationship">
( ?. n! Z. O% w  Q       <link href="URL" rev="relationship"> 9 L1 n. \  C; N1 ?

% K( |* u6 H: ]  a) U% N  3、Base (基链接)
. F+ R  Q( v! {% }5 `. Y0 z   说明:插入网页基链接属性/ a, b5 {5 C9 |. h7 U  c2 {0 ]0 ~
   用法:<Base href="http://www.fl86.com/" target="_blank">: E/ C8 C# ]3 ^7 e3 C# b% H8 i& w
   注意:你网页上的所有相对路径在链接时都将在前面加上“http://www.fl86.com/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。
怨去吹箫,狂来说剑,两样销魂味。
返回列表