Meta http-equiv屬性詳解

博客分類：

• ?
• Web綜合

HTML瀏覽器IECache搜索引擎? http-equiv顧名思義，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。?
引用 meat標簽的http-equiv屬性語法格式是：＜meta http-equiv="參數" content="參數變量值"＞ ；其中http-equiv屬性主要有以下幾種參數：

1、Expires(期限)?
說明：可以用于設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。?
用法： Html代碼??

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

轉載于:https://www.cnblogs.com/rmh01/p/5879032.html

總結

以上是生活随笔為你收集整理的Meta http-equiv属性详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。