首頁  >  文章  >  web前端  >  htni中Meta http-equiv屬性的實例介紹

htni中Meta http-equiv屬性的實例介紹

零下一度
零下一度原創
2017-06-30 10:40:121721瀏覽

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

引用

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

1、Expires(期限) 
說明:可以用來設定網頁的到期時間。一旦網頁過期,必須到伺服器重新傳輸。 
用法:

<meta http-equiv="expires" contect="Wed, 20 Jun 2017 22:33:00 GMT">

 

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

2、Pragma(cache模式) 
說明:是用來設定禁止瀏覽器從本機的快取中調閱頁面內容,設定後一旦離開網頁就無法再從Cache中調出 
用法:

<meta http-equiv="Pragma" contect="no-cache">

 

注意:這樣設定,訪客將無法離線瀏覽。 

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

<meta http-equiv="Refresh" contect="2;URL=">

 

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

4、Set-Cookie(cookie設定)
 
#說明:如果網頁過期,那麼儲存的cookie將會被刪除。 
用法:

<meta http-equiv="Set-Cookie" contect="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">

 

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

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

<meta http-equiv="Window-target" contect="_top">

 

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

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

<meta http-equiv="content-Type" contect="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   由左至右    7    右至左  
8    垂直百葉窗    9    水平百葉窗  
10    水平格狀百葉窗    11垂直卡 左右兩端展開    15從上下兩端向中間展開  
16從中間向上下兩端展開    17    從右上角向左下角展開  
18    從右下角向左上角展開   角向右上角展開    21    水平線狀展開  
#22    垂直線狀展開    23   

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

 

以上是htni中Meta http-equiv屬性的實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn