META標簽分兩大部分:HTTP標題信息(HTTP-EQUIV)和頁面描述信息(NAME)。

一、HTTP-EQUIV

HTTP-EQUIV類似于HTTP的頭部協議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有:

1、Content-Type和Content-Language (顯示字符集的設定)

用法:<Meta http-equiv="Content-Type" Content="text/html; charset=big5">或<Meta http-equiv="Content-Language" Content="zh-CN">

設定頁面使用的字符集,用以說明主頁設計所使用的文字或語言,瀏覽器會根據此來調用相應的字符集顯示頁面內容。簡體中文一般為GB2132,繁體中文為BIG5,日文的字符集是iso-2022-jp,韓文的是ks_c_5601等。

2、Refresh (刷新)

用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net">

讓網頁多少秒刷新自己,或在多少秒后讓網頁自動鏈接到其它網頁。


3、Expires (期限)

用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

指定網頁在緩存中的過期時間,一旦網頁過期,必須到伺服器上重新調閱。注重:必須使用GMT的時間格式。

4、Pragma (cach模式)

用法:<Meta http-equiv="Pragma" Content="No-cach">

網頁不保存在緩存中,每次訪問都刷新頁面。這樣設定,訪問者將無法脫機瀏覽。

5、Set-Cookie (cookie設定)

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">

瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖標,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因為每次看到的頁面都是在伺服器動態生成的,緩存就失去意義。假如網頁過期,那么存盤的cookie將被刪除。必須使用GMT的時間格式。

6、Window-target (顯示窗口的設定)

用法:<Meta http-equiv="Widow-target" Content="_top">

強制頁面在當前窗口以獨立頁面顯示。這個屬性是用來防止別人在框架里調用你的頁面。Content選項:_blank、_top、_self、_parent。

7、Pics-label (網頁RSAC等級評定)

用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.bazhan.net' I gen comment 'RSACi North America Sever' by

'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">

在IE的Internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過該參數來設置的。

8、Page-Enter、Page-Exit (進入與退出)

用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

這個是頁面被載入和調出時的一些特效。注重:blendTrans是動態濾鏡的一種,產生漸隱效果。另一種動態濾鏡RevealTrans也可以用于頁面進入與退出效果: Duration 表示濾鏡特效的持續時間(單位:秒);Transition 濾鏡類型。表示使用哪種特效,取值為0-23。

9、IE6 (頁面生成器)

用法:<Meta http-equiv="IE6" Content="Generator">

頁面生成器generator,是ie6。

10、Content-Script-Type (腳本相關)

用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">

注重:這是近來W3C的規范,指明頁面中腳本的類型。

二、NAME變量

name是描述網頁的,對應于Content(網頁內容),以便于搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。

11、Keywords (要害字)

用法:<Meta name="Keywords" Content="要害詞1,要害詞2,要害詞3,要害詞4">

為搜索引擎提供的要害字列表。注重:各要害詞間用英文半角逗號“,”隔開。要害詞數量最好保持在5個以內,要害詞要和頁面內容相關。

12、Description (簡介)

用法:<Meta name="Description" Content="你網頁的簡述">

Description用來告訴搜索引擎你的網站或該頁面的主要內容,描述內容要和頁面內容相關,字數在150個字以內。

13、Robots (機器人向導)

用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
   
all:文件將被檢索,且頁面上的鏈接可以被查詢;none:文件將不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用);index:文件將被檢索;(讓robot/spider登錄);follow:頁面上的鏈接可以被查詢;noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄);nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順著此頁的連接往下探找)。

14、Author (作者)

用法:<Meta name="Author" Content="毅衡,5@163.com">

標注網頁的作者或設計組。Content可以是:你或你的設計組的名字或Email。

15、Copyright (版權)

用法:<Meta name="Copyright" Content="本頁版權歸毅衡所有。All Rights Reserved icediary">

標注版權。

16、Generator (編輯器)

用法:<Meta name="Generator" Content="PCDATA|FrontPage|">

編輯器的說明。

17、revisit-after (重訪)

用法:<META name="revisit-after" CONTENT="7 days" >

一般用做引導搜索引擎重新訪問你的站點的時間間隔,一般使用days。

三、META常用舉例:

<META http-equiv=Content-Type content="text/html; charset=big5">
//設定頁面語言為簡體中文
<META content="要害字" name="keywords">
//設定要害字
<META content="內容描述" name="description">
//設定描述
<META http-equiv="Refresh" Content="30">
//設定該頁面30秒自動刷新
<META name="robots" content="index, follow" />
//設定答應搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="googlebot" content="index, follow" />
//針對google的搜索機器人設定答應搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="Author" Content="毅衡">
//頁面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//頁面版權
<META name="revisit-after" CONTENT="1 days" >
//設定回訪為1天

arrow
arrow

    EMBA的小眼睛 發表在 痞客邦 留言(0) 人氣()