Meta http-equiv屬性詳解

來源:互聯網
上載者:User

標籤:word   ext   水平   tar   meta標籤   資訊   color   獨立   架構   

http-equiv顧名思義,相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以協助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變數值。
引用
meta標籤的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
1)設定進入頁面時的特殊效果
<meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=12)">   

2)設定離開頁面時的特殊效果
<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"> 


Meta http-equiv屬性詳解

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.