meta標簽 使用說明（http-equiv、refresh、seo）
meta標簽 使用說明（http-equiv、refresh、seo）
meta標簽，是在head標簽裏面，一般用做頁面描述的。它的內容，用來描述頁面一些信息的，如類型、編碼、作者、簡介等！雖然，它不作為頁面布局顯示，但實際上用途非常廣的！具體的html定義在：meta定義
meta組成部分
meta標簽共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
http-equiv相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。
Meta標簽屬性
屬性 值 描述 http-equiv content-type
Content-Language
Pragma
expires
refresh
set-cookie把 content 屬性關聯到 HTTP 頭部。http協議返回頭，都支持！ name author
description
keywords
generator
revised
others把 content 屬性關聯到具體屬性的值 content 對應（name,http_equiv）選擇屬性的值 定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv response返回頭控制
常用來說明頁面類型、編碼，重定向，以及緩存控制方面！
1、Content-Type和Content-Language (顯示字符集的設定)
<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″>，當前頁面是text/html類型，頁面編碼是gb2312，也可以簡寫為<meta charset="gb2312">，語言控制：<meta http-equiv="Content-Language" content="zh-cn" /> ，說明該頁面是簡體中文
2、refresh 自動刷新並且指向新頁面
<meta http-equiv=″refresh″ content=″2; URL=http://blog.chacuo.net″>，2秒後，頁面自動進入http://blog.chacuo.net
3、Expires（過期控制）
<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">，可以用於設定網頁的到期時間。一旦網頁過期，本地緩存將失效，必須重新從服務器讀取信息！
4、Pragma(控制緩存模式）
禁止瀏覽器從本地計算機的緩存中訪問頁面內容，<meta http-equiv="Pragma" content="no-cache"> 。本地瀏覽器不保存內容！禁止緩存可以加上：<meta http-equiv="Cache-Control" CONTENT="no-cache"> ，這樣一起控制！
5、set-cookie（設置cookie值）
用法：<meta http-equiv="Set-Cookie" content="kkk=ddd; expires=Thu, 11-Jul-23 11:32:15 GMT; path=/; "> 設置cookie，名稱是kkk，值為ddd,過期是2023-7-11 19:32:15秒！
幫助主頁被各大搜索引擎登錄、其它
1、Keywords 描述頁面關鍵詞
<meta name="keywords" content="政治，經濟，科技，文化，衛生，情感，心靈，娛樂，生活，社會，企業，交通"> ，便於搜索引擎，快速定位頁面主題！
2、Description頁面簡介描述信息
<meta name="description" content="程默博客是一個關註web安全、性能、框架，以及服務器性能、服務器架構、服務器安全,是一個值得Web開發朋友收藏的博客。"/> ，對頁面簡單描述概括！
3、Author頁面所有者
<META name="author" content="chengmo"> 該頁面作者是：chengmo
4、Copyright 版權說明
<META name="copyright" content="© 2013 chacuo.net"> 版權信息描述！
5、Date 開創時間
<META name="date" content=”2013-7-11T19:49:37+00:00”>頁面開創時間！
6、robots（機器人向導）
說明：robots用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。content的參數有all,none,index,noindex,follow,nofollow。默認是all。舉例：<meta name="robots" content="none">不索引該頁，並且該頁裏面所有連接也不搜索索引！
以上是meta常見應用，可以對頁面進行信息描述，也可以對搜索引擎進行引導！特別是它的屬性及值，沒有進一步的定義。隨著不斷應用，可能在後面我們還會擴展出新的屬性，以及它對應值！它為今後的擴展預留很多的空間！也有些瀏覽器，還支持：進入、退出動畫，窗口定義，分級定義。不過它不能很好在所有瀏覽器中兼容，一次沒有一一列舉！歡迎交流！
eta http-equiv屬性詳解(轉)
博客分類：- Web綜合
引用 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">
meta標簽 使用說明（http-equiv、refresh、seo）