meat http-equiv 屬性詳解

轉自 http://kinglyhum.iteye.com/blog/827807

 

http-equiv 屬性提供了 content 屬性的信息/值的 HTTP 頭。

http-equiv 屬性可用於模擬一個 HTTP 響應頭。

引用

meat標簽的http-equiv屬性語法格式是：＜meta http-equiv="參數" content="參數變量值"＞ ；其中http-equiv屬性主要有以下幾種參數：

1、Expires(期限)
說明：可以用於設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。
用法：

＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞

注意：必須使用GMT的時間格式。

2、Pragma(cache模式)
說明：是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從Cache中再調出
用法：

＜meta http-equiv="Pragma" content="no-cache"＞

注意：這樣設定，訪問者將無法脫機瀏覽。

3、Refresh(刷新)
說明：自動刷新並指向新頁面。
用法：

＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞

注意：其中的2是指停留2秒鍾后自動刷新到URL網址。

4、Set-Cookie(cookie設定)
說明：如果網頁過期，那么存盤的cookie將被刪除。
用法：

＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞

注意：必須使用GMT的時間格式。

5、Window-target(顯示窗口的設定)
說明：強制頁面在當前窗口以獨立頁面顯示。
用法：

＜meta http-equiv="Window-target" content="_top"＞

注意：用來防止別人在框架里調用自己的頁面。

6、content-Type(顯示字符集的設定)
說明：設定頁面使用的字符集。
用法：

＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
<meta http-equiv="Content-Language" Content="zh-CN" /

使用 http-equiv 已經不是規定 HTML 文檔的字符集的唯一方式：

• HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
• HTML5： <meta charset="UTF-8">

7、Pics-label(網頁等級評定)
用法：

<meta http-equiv="Pics-label" content="">

說明：在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的。

8、Page_Enter、Page_Exit
設定進入頁面時的特殊效果

<meta http-equiv="Page-Enter"    content="revealTrans(duration=1.0,transtion=    12)">

設定離開頁面時的特殊效果

<meta http-equiv="Page-Exit"    content="revealTrans(duration=1.0,transtion=    12)">   注意：離開該頁面的漸變跳轉

      2. <meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
         注意：blendTrans是動態濾鏡的一種，產生漸隱效果。

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    隨機產生一種過渡方式 

9、清除緩存（再訪問這個網站要重新下載！）

<meta http-equiv="cache-control" content="no-cache">

10、設定網頁的到期時間

<meta http-equiv="expires" content="0">

11、關鍵字,給搜索引擎用的

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

12.頁面描述

<meta http-equiv="description" content="This is my page">