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

（修改了一些頁面上代碼的bug）

http-equiv顧名思義，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。?

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">

?

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

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

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

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

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

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

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

?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">

?

轉載于:https://www.cnblogs.com/ac2sherry/articles/8472078.html

總結

以上是生活随笔為你收集整理的【转载】Meta http-equiv属性详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。