1. 程式人生 > >meta標簽的使用(轉)

meta標簽的使用(轉)

受限 reveal 其中 www. rds 瀏覽器 等級 窗口 top

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

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

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

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

Html代碼
<meta http-equiv="Pragma" content="no-cache">  


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

3、Refresh(刷新)


說明:自動刷新並指向新頁面。
用法:

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


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

4、Set-Cookie(cookie設定)

說明:如果網頁過期,那麽存盤的cookie將被刪除。
用法:

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

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

5、Window-target(顯示窗口的設定)


說明:強制頁面在當前窗口以獨立頁面顯示。
用法:

Html代碼
<meta http-equiv="Window-target" content="_top">  


註意:用來防止別人在框架裏調用自己的頁面。

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

Html代碼
<meta http-equiv="content-Type" content="text/html; charset=gb2312">

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

Html代碼
<meta http-equiv
="Pics-label" contect="">

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

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

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

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

Html代碼
<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代碼
<meta http-equiv="cache-control" content="no-cache">


10、設定網頁的到期時間

Html代碼
<meta http-equiv="expires" content="0">  


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

Html代碼
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  

12.頁面描述

Html代碼
<meta http-equiv="description" content="This is my page"> 

13.如果你不希望手機自動將網頁中的電話號碼顯示為撥號的超鏈接,那麽可以這樣寫:

<meta name="format-detection" content="telephone=no"/>

來源:http://kinglyhum.iteye.com/blog/827807

meta標簽的使用(轉)