Meta http-equiv屬性詳解

http-equiv顧名思義,至關於http的文件頭做用,它能夠向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值爲content,content中的內容其實就是各個參數的變量值。 
html

引用瀏覽器

meat標籤的http-equiv屬性語法格式是:<meta http-equiv="參數" content="參數變量值"> ;其中http-equiv屬性主要有如下幾種參數:緩存



一、Expires(期限)
 
說明:能夠用於設定網頁的到期時間。一旦網頁過時,必須到服務器上從新傳輸。 
用法:服務器

Html代碼  收藏代碼cookie

  1. <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">  框架


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

二、Pragma(cache模式) 
說明:是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就沒法從Cache中再調出 
用法:ide

Html代碼  收藏代碼網站

  1. <meta http-equiv="Pragma" content="no-cache">  ui


注意:這樣設定,訪問者將沒法脫機瀏覽。 

三、Refresh(刷新) 
說明:自動刷新並指向新頁面。 
用法:搜索引擎

Html代碼  收藏代碼

  1. <meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">  


注意:其中的2是指停留2秒鐘後自動刷新到URL網址。 

四、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的時間格式。 

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

Html代碼  收藏代碼

  1. <meta http-equiv="Window-target" content="_top">  


注意:用來防止別人在框架裏調用本身的頁面。 

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

Html代碼  收藏代碼

  1. <meta http-equiv="content-Type" content="text/html; charset=gb2312">  



七、Pics-label(網頁等級評定) 
用法:

Html代碼  收藏代碼

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


說明:在IE的internet選項中有一項內容設置,能夠防止瀏覽一些受限制的網站,而網站的限制級別就是經過meta屬性來設置的。 

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

九、清除緩存(再訪問這個網站要從新下載!) 

Html代碼  收藏代碼

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



十、設定網頁的到期時間
 

Html代碼  收藏代碼

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



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

Html代碼  收藏代碼

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



12.頁面描述 

Html代碼  收藏代碼

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

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

相關文章
相關標籤/搜索