返回列表 回复 发帖

[分享] Meta标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。下面介绍一些有关标记的例子及解释。 4 J5 \% A% g8 D7 R" D
8 C! Z- N0 f& z- l
  META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
0 D% Y) }2 D9 b
6 \; y4 s0 ^& u" C7 ^  ★HTTP-EQUIV
4 T8 F/ s) c" Z* D& j7 ?' G! i9 X2 ^  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: & Q& g8 D+ Z) p1 v

2 r$ @; T. G. K' ^0 p& N! M1 a  1、Content-Type和Content-Language (显示字符集的设定) * I+ A9 Q! ~1 h3 w6 H& d9 `% d' B. V
  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。
  V' l# o) d8 n" u7 n5 \  用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
$ \4 s; B9 i- F4 @  V' D/ k" N      <Meta http-equiv="Content-Language" Content="zh-CN"> : r* p0 A) X' V% }/ u

% B7 L8 w  U; ^* v; T2 Z  注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。6 ^4 L- j7 [+ q% a! ^0 r
      2 b+ l+ |2 ?1 B" ^4 H- f& e; Q
  Content-Type的Content还可以是:text/xml等文档类型;
# ?0 L" y) C. l0 b: ]  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等语言代码。
+ {. i/ s, j3 k" f
- p# X% [. D$ j  S* w  2、Refresh (刷新)
9 R9 w% A9 a8 K  y! V
- |3 C8 |# f" O7 A   说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
" ?; ?# c& {, G0 s+ T3 K0 z* {+ y" V   用法:<Meta http-equiv="Refresh" Content="30">1 f+ g  i, I, O  v
      <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">
$ C: N& ?8 x* I; [6 Q0 _* S# d   注意:其中的5是指停留5秒钟后自动刷新到URL网址。 0 r# S9 T. H0 V) f0 D7 s1 W* I
) b6 Z- R* t. z6 P: y7 z+ I
  3、Expires (期限)
$ d; |% F" g2 k1 W
- y; N# \% p( J1 K( o   说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。4 C+ p6 P7 w5 E  u; B0 L6 c
   用法:<Meta http-equiv="Expires" Content="0">
8 |0 R$ x, i$ q1 y0 G8 \      <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">+ @" b  E7 W" @' P& z# F, u
   注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。 & }7 {) f/ w7 T3 W3 c5 S0 M* z
) _; |: m( b3 _7 g" {  W1 q
  4、Pragma (cach模式) 1 {  {6 Y5 x8 A6 c5 r$ S
6 [) L: q* ^& K- [
   说明:禁止浏览器从本地机的缓存中调阅页面内容。
5 l6 u! [0 j' d0 c- P   用法:<Meta http-equiv="Pragma" Content="No-cach">
1 k8 g9 k2 _' g. v* u2 |   注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。 # ^1 k; v8 F, m

( f5 x$ _/ z  q. C# ^  5、Set-Cookie (cookie设定) ( E) a5 `3 |/ G* L
: o8 a) w6 s, k& N) L
  说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。- x1 E' _* D' h8 g( }& l3 @
   用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
% c2 W7 [- r" @4 }- m; _( P       21-Oct-98 16:14:21 GMT; path=/">* M4 k: a) {' A: ?7 M' b
   注意:必须使用GMT的时间格式。
8 T3 y6 _5 J. y- F9 {2 _1 n1 h/ b6 P
" `$ v1 x. O- w5 Y" ]. j  6、Window-target (显示窗口的设定)
+ `7 m6 J, \4 U# M" k4 V+ p( f. B' a% h7 H
   说明:强制页面在当前窗口以独立页面显示。
" G9 I9 g; e- x' a9 o  R. \2 P   用法:<Meta http-equiv="Widow-target" Content="_top">
* X8 R5 ~+ z" s. j$ A2 z' G; ?- E   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。 * N5 h$ j1 j$ b% q% P  \( e- T

" ?; p/ N' u" F7 f  7、Pics-label (网页RSAC等级评定)
' w+ i( o5 U/ ?: A   说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级; c( \' w8 Z( m) f, p" I
      别就是通过该参数来设置的。
% B3 ^+ e, u* p1 m$ ]3 [   用法:<META http-equiv="Pics-label" Contect=9 E- h$ B/ ?# s" F
               "(PICS-1.1'http://www.rsac.org/ratingsv01.html'* `: d0 v9 S1 K; Q; L4 G. f$ `
       I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' $ O( `+ R$ H4 U. ?* [
       for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
) e/ C+ a! y2 s; T! R! K3 |7 F- \9 T9 F3 @
   注意:不要将级别设置的太高。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/' _: d" s0 ?4 O

% k9 ^1 A# R6 g0 ?# U  8、Page-Enter、Page-Exit (进入与退出)
' s! a" W6 }7 I0 X, p
9 ^" A: I; {2 [5 h  Q2 t   说明:这个是页面被载入和调出时的一些特效。
1 [+ s0 N( i/ u* ?3 P, B9 V   用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
$ j3 C) h& Y- ]9 x# k( c: T      <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
* A  M6 ~  \8 x( l) n( a% \   注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: 9 `# [1 |3 K! f/ f! S

% ~% W) s6 e2 ~! p; u6 N, s      <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">  ?. d* k6 V6 ^8 ?# {, y% X
      <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"> ) P  _$ x8 o* _9 @3 b

$ g4 ]$ _( J. a8 w& f       Duration  表示滤镜特效的持续时间(单位:秒)
$ |2 M7 x0 J# B2 {9 z" J       Transition 滤镜类型。表示使用哪种特效,取值为0-23。 " S+ ]/ G2 p0 f
( H: p" k, y7 y( P+ @5 b
       0 矩形缩小9 a- V* |& T: f; o
       1 矩形扩大0 `! |! {2 w) f
       2 圆形缩小6 g" [3 R: r3 p0 U
       3 圆形扩大( P) h, Q; y5 p; [
       4 下到上刷新
& |( v8 P( q% B( Q4 x8 c. q       5 上到下刷新
7 T# \  g' m8 }       6 左到右刷新
% f; t. [: F2 @" n* ?       7 右到左刷新2 d' ^7 I8 t( `
       8 竖百叶窗
7 i7 C; g' x. _, `( Q6 ~+ P- E+ @; f3 P       9 横百叶窗
" A+ I  j+ X! d. k, ?! C       10 错位横百叶窗( g5 d" U- U8 p0 E7 ^
       11 错位竖百叶窗% b' G+ X1 P8 F  o$ y4 w
       12 点扩散
' v% y7 {8 |- X% a       13 左右到中间刷新
7 a  ]) j9 a1 ]9 \' y) y       14 中间到左右刷新1 H( Q$ p8 B: y0 N  g
       15 中间到上下+ Y+ i0 I$ `, H2 }- H9 C8 f& D% p) H
       16 上下到中间
- \! W. x- H! z' ~/ n$ I* P       17 右下到左上
: X5 n+ ~3 x. B, Z+ Z3 P       18 右上到左下
. X1 c% r2 L; x$ X& S( M8 b       19 左上到右下, q5 |; ?/ s, P( {  U# @7 ]
       20 左下到右上4 t2 p, ]* F( ?8 i6 x: x  m! h
       21 横条; I% ]5 t7 f" `' J6 K' J7 G$ L
       22 竖条
& N- W8 v+ p5 W. W1 `; r       23 以上22种随机选择一种 2 Z7 c7 h- i8 O* z# K( O

7 d& ?5 C( r3 {; D' E  `  9、MSThemeCompatible (XP主题)( g! }' ?2 l' E
   说明:是否在IE中关闭 xp 的主题
# H2 q1 U  |: s% K, \2 m) |   用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">' D! R; Y: A. _- Y8 `9 {. {: Z" X+ U7 E
   注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。 + }8 f0 W: g$ `: F; w4 J; `3 A
* O8 k$ O6 E0 \; h: M9 z
  10、IE6 (页面生成器)
* I8 r# L  C* u  e( q1 N- M9 b! X   说明:页面生成器generator,是ie6, I4 @: _2 S& B2 V5 l
   用法:<Meta http-equiv="IE6" Content="Generator">' t+ I- l7 i1 x; U; ~
   注意:用什么东西做的,类似商品出厂厂商。 8 {; e% l4 m0 B

: e/ w0 o% e0 a$ O, E  11、Content-Script-Type (脚本相关)
2 T5 Q6 U* P( E   说明:这是近来W3C的规范,指明页面中脚本的类型。+ p% w4 u# @0 T4 U  \$ v
   用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">6 j0 P+ p1 b* B9 s2 Y! Y" A6 j
   注意: 3 x0 w! w+ w; Y* D
& v0 `/ I$ L  ^
12、MSSmartTagsPreventParsing()8 G' I4 \0 h8 a. n5 K+ D4 [
说明:一句话哈,就是防止微软页面编辑软件在页面上自动添加标签,保证代码原汁原味
5 m1 w8 R& `% U+ _  P% ^1 F用法:<meta name="MSSmartTagsPreventParsing" content="TRUE">: E9 E5 ?, M, E$ @( b

8 `* @$ W8 L1 _6 m  ★NAME变量 8 m( K: e" T7 {% E: a" q

: {7 J1 j6 E$ w  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。$ b; K% `- V. S- H" v
  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、
% f; w* X8 ]2 [8 e4 A2 E' odocument ID(文档编号)和level(等级)等。  H* P$ P4 P1 X9 [
  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。 , k. Z7 |# W3 d" u" [2 J& e  Q
$ A, `' m' g# B8 q
  1、Keywords (关键字)+ a, m8 k$ M0 |2 U" o- f
   说明:为搜索引擎提供的关键字列表+ k9 B* Z3 T- F$ U5 t8 T, e
   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">3 O, w5 u' M8 N3 F
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:- ]+ \) M/ X! X0 X3 k- W1 h  k
      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
/ X  ^9 z4 P) R6 V% A( x& l9 g0 @      <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"> 0 T; f3 ]3 u/ C
0 |) Y0 s3 r( G, p  V
  2、Description (简介)+ n6 y( m( z! W' w, D4 C
   说明:Description用来告诉搜索引擎你的网站主要内容。: G0 w0 X+ q. }" A2 u7 ?% z
   用法:<Meta name="Description" Content="你网页的简述">
0 B; s) ~  I9 S7 U; o) @   注意: " I1 p% b' j- G* h" v; o
( p" ]9 ]& o* A: A/ C$ F+ A6 z- f
  3、Robots (机器人向导)
! N8 T; y! {  c3 t# C" f. P   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
) g. t4 F9 W$ O' Q5 q9 x+ `   用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">5 }9 O: }/ v- ~
   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
0 x/ a7 V9 u) n) W
% F, z( W) a8 H4 K$ n3 v) N    all:文件将被检索,且页面上的链接可以被查询;
7 m1 v) Q2 y4 y) i; x/ T- M    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
4 p/ G) l4 }) r- ~# k) t/ }8 S    index:文件将被检索;(让robot/spider登录)
. k/ y/ N" L# V, L' T: H/ I6 i    follow:页面上的链接可以被查询;* }, X6 k; w. R4 k0 }! V  e( t) v6 I
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
9 D7 O: R4 I9 [   nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) - F& J/ P/ w- F" [( I+ v* ]8 M( q- B
7 }* w" U6 ?1 V$ Y! W* n! L
  4、Author (作者)! o* L- ^% M4 `0 z6 \( n$ `
   说明:标注网页的作者或制作组
' R! P$ O* C( Z% ~/ m. w   用法:<Meta name="Author" Content="张三,abc@sina.com">
* i" t6 Z3 M7 p( |; R  ]7 W% J   注意:Content可以是:你或你的制作组的名字,或Email $ T/ {& Y+ g" ^' z) S/ X$ T
. z( b. h9 E) H& D/ X0 ^8 \0 T1 }
  5、Copyright (版权)
$ F. h! q: l; P" I   说明:标注版权  D; p: m; @# T$ D
   用法:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">. f4 u9 v' Y/ h) F
   注意:
. K% H1 `! Z8 j$ z
# i( c2 F- z$ P  D# e7 M, r3 k  6、Generator (编辑器)
# R7 j; G0 g% h. N2 F   说明:编辑器的说明
; P' W7 @9 F5 {1 K6 k" |   用法:<Meta name="Generator" Content="PCDATA|FrontPage|">+ T" P7 y) `$ [
   注意:Content="你所用编辑器"
, E9 A0 {4 }, \/ B, W2 C9 r) K3 [
  7、revisit-after (重访)
& \5 a( i2 l2 h  B9 i   说明:
* R9 x2 b2 T+ ?* g, c   用法:<META name="revisit-after" CONTENT="7 days" >
. a- \6 k. H; i5 _$ K* B5 m   注意: . C( S. g5 _; T( q' D+ [0 a
  U' F6 H2 A* U% H* A! y0 |1 e

1 U! h5 ?3 P! K' q& F. }" g  ★Head中的其它一些用法 ' o2 c$ n% M' q9 h8 P( Q! A1 R

' G. c( s- w$ x  1、scheme (方案)
: a- q0 ~. d5 K! C. T6 ^  W1 j   说明:scheme can be used when name is used to specify how the value of content should9 G. H1 Q, k5 H4 k2 k. V0 V7 A
      be interpreted.
% D( H( i$ i% A4 K3 J0 V" P   用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />
& t- y, b; F9 Q' X  e( d9 Q   注意:
3 d. k  L* E' u6 x
! B* U0 H4 k8 Z8 Z1 U& @  2、Link (链接)0 U2 J0 }" c; h' w/ J$ V  O# `' K
   说明:链接到文件
3 w+ E. N. G. G: U6 G' F5 n2 I   用法:<Link href="soim.ico" rel="Shortcut Icon"># k5 f7 l  [# t$ r& e, [
   注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下:
6 l4 D8 \8 s8 B  D* Z: d2 V7 n5 ?$ o& Y       <link href="URL" rel="relationship">
' {) v4 v: E1 }) |8 W9 w: j) {8 H  d+ X       <link href="URL" rev="relationship">
# o0 d7 v1 a! q& J2 D  f4 [
1 C3 H" S. @( }: g- y, K  3、Base (基链接)
8 S  ]% X" N6 g- ^+ ~6 h4 A6 `   说明:插入网页基链接属性! U) j$ f3 E. a- @/ L
   用法:<Base href="http://www.fl86.com/" target="_blank">% E1 E& V+ N2 i  Q0 U! o6 c+ w
   注意:你网页上的所有相对路径在链接时都将在前面加上“http://www.fl86.com/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。
怨去吹箫,狂来说剑,两样销魂味。
返回列表