Meta http-equiv屬性詳解(轉)

廿四橋明月夜發表於2017-10-11
HTTPUI
http-equiv 屬性可用於模http-equiv 屬性可用於模擬一個 HTTP 響應頭，它可以向瀏覽器傳回一些有用的資訊，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。 
引用
meat標籤的http-equiv屬性語法格式是：＜meta http-equiv="引數" content="引數變數值"＞ ；其中http-equiv屬性主要有以下幾種引數：


1、Expires(期限) 
說明：可以用於設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新傳輸。 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞  

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

2、Pragma(cache模式) 
說明：是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容，設定後一旦離開網頁就無法從Cache中再調出 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="Pragma" content="no-cache"＞  

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

3、Refresh(重新整理) 
說明：自動重新整理並指向新頁面。 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞  

注意：其中的2是指停留2秒鐘後自動重新整理到URL網址。 

4、Set-Cookie(cookie設定) 
說明：如果網頁過期，那麼存檔的cookie將被刪除。 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞  

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

5、Window-target(顯示視窗的設定) 
說明：強制頁面在當前視窗以獨立頁面顯示。 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="Window-target" content="_top"＞  

注意：用來防止別人在框架裡呼叫自己的頁面。 

6、content-Type(顯示字符集的設定) 
說明：設定頁面使用的字符集。 
用法：
Html程式碼  收藏程式碼
  1. ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞  


7、Pics-label(網頁等級評定) 
用法：
Html程式碼  收藏程式碼
  1. <meta http-equiv="Pics-label" contect="">  

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

8、Page_Enter、Page_Exit 
設定進入頁面時的特殊效果
Html程式碼  收藏程式碼
  1. <meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">    

設定離開頁面時的特殊效果
Html程式碼  收藏程式碼
  1. <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、清除快取（再訪問這個網站要重新下載！） 
Html程式碼  收藏程式碼
  1. <meta http-equiv="cache-control" content="no-cache">  


10、設定網頁的到期時間 
Html程式碼  收藏程式碼
  1. <meta http-equiv="expires" content="0">  


11、關鍵字,給搜尋引擎用的 
Html程式碼  收藏程式碼
  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  


12.頁面描述 
Html程式碼  收藏程式碼
  1. <meta http-equiv="description" content="This is my page">  

相關文章