天天看點

HTML中META标簽的使用

6,<meta>…</meta>

meta标簽的常見功能:

1、幫助首頁被各大搜尋引擎登入

2、定義頁面的使用語言

3、自動重新整理并指向新的頁面

4、實作網頁轉換時的動畫效果

5、網頁定級評價

6、控制頁面緩沖

7、控制網頁顯示的視窗。

meta是用來在HTML文檔中模拟HTTP協定的響應頭封包。

meta 的屬性有兩種:name和http-equiv。

name屬性主要用于描述網頁,對應于content(網頁内容),以便于搜尋引擎機器人查找、分類(目前幾乎所有的搜尋引擎都使用網上機器人自動查找meta值來給網頁分類)。這其中最重要的是description(站點在搜尋引擎上的描述)和keywords(分類關鍵詞),是以應該給每頁加一個meta值。

name 屬性

1、<meta name="Generator" contect="editplus">用以說明生成工具(如Microsoft FrontPage 4.0)等;

2、<meta name="KEYWords" contect="cnbruce,cnrose">向搜尋引擎說明你的網頁的關鍵詞;

3、<meta name="Description" contect="cnbruce's blog">告訴搜尋引擎你的站點的主要内容;

4、<meta name="Author" contect="cnbruce">告訴搜尋引擎你的站點的制作的作者;

5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">

其中的屬性說明如下:

設定為all:檔案将被檢索,且頁面上的連結可以被查詢;

設定為none:檔案将不被檢索,且頁面上的連結不可以被查詢;

設定為index:檔案将被檢索;

設定為follow:頁面上的連結可以被查詢;

設定為noindex:檔案将不被檢索,但頁面上的連結可以被查詢;

設定為nofollow:檔案将不被檢索,頁面上的連結可以被查詢。

http-equiv屬性

1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說明首頁制作所使用的文字以及語言;又如英文是ISO-8859-1字元集,還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字元集;

2、<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定時讓網頁在指定的時間n秒内,跳轉到頁面http;//yourlink;

3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設定網頁的到期時間,一旦過期則必須到伺服器上重新調用。需要注意的是必須使用GMT時間格式;

4、<meta http-equiv="Pragma" contect="no-cache">是用于設定禁止浏覽器從本地機的緩存中調閱頁面内容,設定後一旦離開網頁就無法從Cache中再調出;

5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設定,如果網頁過期,存盤的cookie将被删除。需要注意的也是必須使用GMT時間格式;

6、<meta http-equiv="Pics-label" contect="">網頁等級評定,在IE的internet選項中有一項内容設定,可以防止浏覽一些受限制的網站,而網站的限制級别就是通過meta屬性來設定的;

7、<meta http-equiv="windows-Target" contect="_top">強制頁面在目前視窗中以獨立頁面顯示,可以防止自己的網頁被别人當作一個frame頁調用;

8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網頁過渡”,不過所加的頁面不能夠是一個frame頁面。

Duration的值為網頁動态過渡的時間,機關為秒。

Transition是過渡方式,它的值為0到23,分别對應24種過渡方式。如下表:

0 盒狀收縮

1 盒狀放射

2 圓形收縮

 3 圓形放射

4 由下往上

 5 由上往下

6 從左至右

7 從右至左

8 垂直百葉窗

9 水準百葉窗

10 水準格狀百葉窗

 11垂直格狀百葉窗

12 随意溶解

13從左右兩端向中間展開

14從中間向左右兩端展開

15從上下兩端向中間展開

16從中間向上下兩端展開

17 從右上角向左下角展開

18 從右下角向左上角展開

19 從左上角向右下角展開

20 從左下角向右上角展開

21 水準線狀展開

22 垂直線狀展開

23 随機産生一種過渡方式

繼續閱讀