返回列表 回复 发帖

[分享] Meta标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。下面介绍一些有关标记的例子及解释。 : X+ e' @5 }; w& K. ^5 x
, e1 G% l+ G7 O
  META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 . D( `4 q( p8 k4 p- x

$ D( H" v  N6 ~( [  ★HTTP-EQUIV
2 E8 w* u% E' X) c2 y6 m& P  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
* z8 x" f5 C0 P* \5 Q) g4 ~$ r0 R8 _
  1、Content-Type和Content-Language (显示字符集的设定)
/ `' R9 _$ U1 v  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 4 x9 g4 c5 e* K1 j. p! i
  用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
% z+ L1 L& c  n$ d: }      <Meta http-equiv="Content-Language" Content="zh-CN"> 8 Y: c( Q* V( r3 @; L* k* s! r

% l' E, U! l  f& B* U0 X3 c  注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。
# i/ C3 N0 J4 x. j. n      * I1 K# f2 x2 ~- M
  Content-Type的Content还可以是:text/xml等文档类型;. i) l1 w8 c/ a5 n' Z0 B& r! f
  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等语言代码。
: [+ |0 ]( Q' T: c* U! c
! `& s, \0 j+ m  2、Refresh (刷新)
7 v: l  Q( h. P
. K0 p% z3 {9 X' T; a+ E   说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。$ I. W* T: }) o7 Z; Z
   用法:<Meta http-equiv="Refresh" Content="30">9 Y& K8 h* n: f/ D" t/ n3 U9 |5 _
      <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">9 N0 r6 E4 j4 l, i9 l4 e  K! X0 b* l
   注意:其中的5是指停留5秒钟后自动刷新到URL网址。 0 B% E) s3 j( L0 o8 S6 z9 Y
0 q' E( D! y/ V( S: O2 r4 V, }# ~
  3、Expires (期限)
9 d& [7 u; _" Z$ o
; Z$ |* ~2 }; ?7 z" ^   说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
' j0 R7 P0 M+ P$ M: y   用法:<Meta http-equiv="Expires" Content="0">  }% |% Z. S0 ]3 o1 V
      <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">5 `6 g9 V! k& E5 V* |
   注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。
4 i: O6 {5 f1 C2 f) p7 `" ^3 ]* c1 A' ]- D( _
  4、Pragma (cach模式) ! z7 |" ^1 w  ^: R# }

3 W. @  `9 Y) d* ]0 V   说明:禁止浏览器从本地机的缓存中调阅页面内容。
+ N. o  N( ~2 K# o) v" d   用法:<Meta http-equiv="Pragma" Content="No-cach">/ k! o. \5 _' Z6 h7 L; T3 K5 \
   注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
2 u8 v. f8 n+ P* Q! |8 p" i! I7 M& Q+ U2 a, E  h
  5、Set-Cookie (cookie设定)
# q) i: H+ Q+ h& ~- X  V! p$ }6 N( A, b: Q% r
  说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。0 `$ j( l- ~, M! K. E! G3 U, k
   用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,8 V! n" }+ K( T* l2 t
       21-Oct-98 16:14:21 GMT; path=/">
  v- f7 |4 K, B7 p  u% R' @   注意:必须使用GMT的时间格式。 ; ?' K. `+ C. s" L6 }

, l, t2 w% T8 g; Y  6、Window-target (显示窗口的设定)   b$ R! ?$ C! J

# x. A1 [. M2 E3 C: Z" A   说明:强制页面在当前窗口以独立页面显示。6 @1 C, t6 Z! S- B" F
   用法:<Meta http-equiv="Widow-target" Content="_top">
$ B3 k6 h& T* A0 @   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
* m+ ]  P) b7 d: ?* }$ @" p$ C! h: K% i4 F9 p
  7、Pics-label (网页RSAC等级评定)* q$ J, w. b! X6 T9 D" E6 ^; {
   说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级5 \1 X. o8 k$ o4 @
      别就是通过该参数来设置的。
; r1 x( S2 h; M% P/ g. i   用法:<META http-equiv="Pics-label" Contect=
& H! _. u9 Z" J' B$ t) J$ n, F1 Z               "(PICS-1.1'http://www.rsac.org/ratingsv01.html'
! W: u% A5 r" c" X       I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' 9 G, E/ J6 I4 q3 r# N% \/ z
       for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
: _: m- [6 P9 r8 [2 o- y* R6 F% u$ |& t  A- [" S' t% M1 A
   注意:不要将级别设置的太高。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/5 u9 Z. B. }. b

1 B: C3 Y7 E, C( S& s. b  8、Page-Enter、Page-Exit (进入与退出) ) k$ Y% y8 [0 k: P  V2 b

2 `# s% a7 D. ~* |8 }( ]   说明:这个是页面被载入和调出时的一些特效。
2 }3 o7 {; a  ?+ e( b$ ~9 a   用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">" X; [7 a. s5 h; M; y* m
      <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
# G1 |6 ^7 Z6 T; b# l' ?   注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: 9 b2 n) Y0 S6 g  ~  p$ |4 f
+ |$ W- f3 B. w8 ~% D5 m
      <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">' q# J6 P8 m' _" t
      <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
& J' K2 T: A3 ^% n% r
0 K6 k9 I) S+ s, F7 S1 m( B       Duration  表示滤镜特效的持续时间(单位:秒)
/ P  n6 X' C3 P" `       Transition 滤镜类型。表示使用哪种特效,取值为0-23。 * N( F" z, S6 i) R

6 y, R; x2 Q* b% c) E       0 矩形缩小% P& @$ k' L' F& w0 `
       1 矩形扩大0 h+ i" g( N3 m! l& }. I
       2 圆形缩小2 t' @' b( {/ R* A3 e
       3 圆形扩大
0 m3 N0 Q) L% q7 r3 S$ N: d       4 下到上刷新
7 G+ N' E: ~* e0 O! ?4 d       5 上到下刷新
+ v7 t3 K; K; Q* y; O3 j: y4 c       6 左到右刷新0 w" f. o% Z% D6 s( M
       7 右到左刷新" Z, a8 s0 K0 o  j' S, s3 ?
       8 竖百叶窗8 u4 ~' I9 o/ G/ t% e
       9 横百叶窗9 W( K! z. p: J; o
       10 错位横百叶窗
* a: A- J8 G3 ?* v* z$ Q3 Y       11 错位竖百叶窗( u8 R& l' v" d0 n* C% q2 ]: {: d
       12 点扩散. }2 x8 V* x' p2 ?6 m" w
       13 左右到中间刷新. O, ?0 p: P( ]! j) x- g6 y4 A
       14 中间到左右刷新4 S3 t' d. t3 M0 y" r/ L
       15 中间到上下2 U8 a+ i3 d" v' z3 o) @
       16 上下到中间
9 V/ T; M# d9 K( a. B& L       17 右下到左上
4 f; ~3 ^& d1 ?3 _% N. [  r; q6 X       18 右上到左下5 w2 F) j2 e& U$ _) n; U4 d
       19 左上到右下- x6 v4 ?1 h8 B& }& a) ^
       20 左下到右上2 A( N6 ^9 ^' ]2 u
       21 横条4 L. f4 |8 C! D5 ?& I8 m
       22 竖条9 |8 o4 d7 v$ o
       23 以上22种随机选择一种
) w; D" A$ l, z% e* ^) U4 w+ s0 U' _; |" h. K8 k$ E" R
  9、MSThemeCompatible (XP主题)! m5 o1 e8 _% o' f% c
   说明:是否在IE中关闭 xp 的主题/ t& g, ?. B; N+ n: M5 ^4 J1 }
   用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">3 _7 y# y, a6 w- j
   注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。 9 _- B+ {) }% |0 g' }" L

8 J5 s3 `' u5 z9 S  10、IE6 (页面生成器)
5 ^  l7 v) Y* j) l   说明:页面生成器generator,是ie6% z$ V! ?# z- {# t6 C4 d) \$ m% c
   用法:<Meta http-equiv="IE6" Content="Generator">3 B4 F; \  G; }7 ]+ [. ~
   注意:用什么东西做的,类似商品出厂厂商。 ! ?2 [7 s( k! [  E3 i( e$ L
+ ?' Q$ s' X* m
  11、Content-Script-Type (脚本相关)  ]/ M# ]( G! n$ P* n- {" D) H* l8 L* f
   说明:这是近来W3C的规范,指明页面中脚本的类型。
6 y% }: S, }. O+ \: n   用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">% r) j4 G5 E* K4 j- t: X( F2 r) e- h7 ?
   注意: # p5 A: v$ l+ _. l' @, e

2 i1 K4 N; K9 n/ P$ g/ b$ O3 }12、MSSmartTagsPreventParsing()5 |9 M; l, ]  l
说明:一句话哈,就是防止微软页面编辑软件在页面上自动添加标签,保证代码原汁原味1 Q/ a# q2 G. F  Z& h
用法:<meta name="MSSmartTagsPreventParsing" content="TRUE">
: n$ `0 ^7 z# F! j8 R. n4 m+ |0 ]6 f; i; t* D
  ★NAME变量
* V% F# Q' w: t( L) Z# u2 T: I) b% P8 k4 {! ^3 Q1 I
  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
0 T; r3 Y. l( n$ B  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、
% O5 w: e  V2 S! P7 W, @document ID(文档编号)和level(等级)等。
! @7 y9 K5 z2 \+ t+ G+ y  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
8 n- C* t4 W8 E  |1 L% e9 B- ?3 D) |+ m! l, o# P8 R3 }. Q4 y
  1、Keywords (关键字)! w0 P/ H0 O2 e3 u
   说明:为搜索引擎提供的关键字列表4 H. S, m; E! y0 }* H
   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……"># G# t3 N" o  O# g3 j
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
& o6 K7 F8 K  u% C      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
& S1 J* W. u, b7 t( W8 Z% ^# n      <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"> 3 \2 h0 ?+ \" _& q" C6 |$ j# y4 H: q( _
2 D3 C; {& L' `; Q( J
  2、Description (简介). `% k- W! e  u5 e
   说明:Description用来告诉搜索引擎你的网站主要内容。
) j; ^7 _# a) Y/ M   用法:<Meta name="Description" Content="你网页的简述">- v; ]; L. }" ?9 S
   注意:
: F1 F( d6 [" ^7 h7 G4 Y4 N5 L7 K" Y5 k3 T' s* u; ?
  3、Robots (机器人向导)% R( F! d8 G' ^2 s: x% |4 ~9 n( p+ Z
   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。$ g2 ^  v; D8 p; D! }# C
   用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
! d1 n7 p5 k( T. y9 I8 s   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
4 \) p6 ~; N; a/ O3 o6 r
4 W7 ~! x1 ?/ s4 D+ m5 U  J    all:文件将被检索,且页面上的链接可以被查询;; n( `! `8 o5 x$ Z9 c
    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
1 a8 u+ B# C& F% L    index:文件将被检索;(让robot/spider登录)
2 l+ G6 ^7 x9 Z3 e& N3 ?    follow:页面上的链接可以被查询;9 g. r2 s+ `0 T( V
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)# m/ |5 L0 ?& }6 M0 ?# I& {
   nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
6 H' ?9 [# ^; H' z7 |0 E% P" c& O# e2 y! R$ H
  4、Author (作者)% i9 S% g% T; [3 x1 q
   说明:标注网页的作者或制作组
! G' B8 D5 ?4 h1 N: X* e   用法:<Meta name="Author" Content="张三,abc@sina.com">2 c0 r: i6 c) l6 X* m) y$ M
   注意:Content可以是:你或你的制作组的名字,或Email 7 L7 x+ {+ r- u6 j5 ?7 m  J
$ F; {/ H* \3 u
  5、Copyright (版权)( n, D; ^1 ?+ f' V# L( N: l
   说明:标注版权1 R8 U$ r% h& Y! K6 L+ T/ V2 P
   用法:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
% ^/ N8 @3 d* D' v   注意:
: d/ |# `" A: o4 g0 g6 D; v0 g
0 K6 u7 f" z+ |$ d# F9 w, V- h0 @% s  6、Generator (编辑器)
3 f3 t- z1 U  ]* o; ]  \7 z7 l   说明:编辑器的说明
$ d  H& }0 n& L) P2 m   用法:<Meta name="Generator" Content="PCDATA|FrontPage|">: I5 h# R5 S4 s% v6 b0 J" Y- p' Q/ g5 a
   注意:Content="你所用编辑器" ) w1 Z5 b1 Z( }: ^( J' G

/ d' J) G1 Y# u) ]& u  7、revisit-after (重访)5 q, {; y: R3 t3 G/ G" m- ]
   说明:( A& l9 x3 J# l( T" v0 Y2 |+ {
   用法:<META name="revisit-after" CONTENT="7 days" >
2 A# E7 o; K# `2 b# w7 x   注意:
: w* m+ Z- [% \) Y7 r& x
; K$ F8 @: v2 w% c% {
3 A. S  n- s. ~0 @* {: @0 C  ★Head中的其它一些用法   n* R/ O0 \& f$ E8 @) Z

+ P7 y. t. w0 }  1、scheme (方案)3 Z( d2 c1 i4 h5 U
   说明:scheme can be used when name is used to specify how the value of content should
* T- s: u! `) A      be interpreted.  A" G! n$ F' X8 [4 |
   用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />$ C1 o" ^: g5 V& |2 u1 g
   注意:
- T/ p# e3 Y# g1 R* Z7 r5 N0 U( p0 f, C& ~# B8 f
  2、Link (链接)
2 h$ ]1 i& Q5 ^" K1 M4 B   说明:链接到文件$ |9 v4 L( e& _, V' @
   用法:<Link href="soim.ico" rel="Shortcut Icon">- P9 y5 a9 s7 P" |
   注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下: , Y# y: e( K5 k2 \' h
       <link href="URL" rel="relationship">
3 [0 z: h4 v9 ?       <link href="URL" rev="relationship"> $ J" s9 L- `7 ?0 |1 b

; [( i1 d' l# z$ Y2 i6 p# R8 U* L0 D: ]  3、Base (基链接)
, T- P. O+ k6 Z2 i% i3 D   说明:插入网页基链接属性! o# R3 X: f: G$ I" M5 t
   用法:<Base href="http://www.fl86.com/" target="_blank">8 U: q& n# A* _% g! g. G5 A
   注意:你网页上的所有相对路径在链接时都将在前面加上“http://www.fl86.com/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。
怨去吹箫,狂来说剑,两样销魂味。
返回列表