META標籤用來描述一個HTML網頁文檔的屬性
META標籤可分爲兩大部分：HTTP-EQUIV和NAME變量。
name屬性
name屬性主要用於描述網頁，與之對應的屬性值爲content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
meta標籤的name屬性語法格式是：＜meta name=”參數” content=”具體的參數值”＞ 。其中name屬性主要有以下幾種參數:
- Keywords(關鍵字)
- 說明：keywords用來告訴搜索引擎你網頁的關鍵字是什麼。
- 舉例：
＜meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human"＞
- description(網站內容描述)
- 說明：description用來告訴搜索引擎你的網站主要內容。
- 舉例：
＜meta name="description" content="This page is about the meaning of science, education,culture."＞
- viewport(移動端窗口)
- 說明：主要用來設計移動端網頁。
- 舉例：<meta name="viewport" content="width=device-width, initial-scale=1">
- robots(定義搜索引擎爬蟲的索引方式)
- 說明：用來告訴爬蟲哪些頁面需要索引，哪些頁面不需要索引。content的參數all,none,index,noindex,follow,nofollow。默認是all。
- 舉例：<meta name="robots" content="none">
- author(作者)
- 說明：標註網頁的作者。
- 舉例：<meta name="author"content="Lxxyx,[email protected]">
- generator(網頁製作軟件)
- 說明：用於標明網頁是什麼軟件做的。
- 舉例：<meta name="generator"content="Sublime Text3">
- copyright(版權)
- 說明：用於標註版權信息。
- 舉例：<meta name="copyright"content="Lxxxx">
- revisit-after(搜索引擎爬蟲重訪時間)
- 說明：如果頁面不是經常更新，爲了減輕搜索引擎爬蟲對服務器帶來的壓力，可以設置一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的默認時間來訪問。
- 舉例：<meta name="revisit-after" content="7 days" >
- renderer(雙核瀏覽器渲染方式)
- 說明：renderer是爲雙核瀏覽器準備的，用於指定雙核瀏覽器默認以何種方式渲染頁面。
- 舉例：
-
<meta name="renderer" content="webkit"> //默認webkit內核 -
<meta name="renderer" content="ie-comp"> //默認IE兼容模式 -
<meta name="renderer" content="ie-stand"> //默認IE標準模式
http-equiv屬性
http-equiv顧名思義，相當於http協議中文件頭的作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值爲content，content中的內容其實就是各個參數的變量值。
meat標籤的http-equiv屬性語法格式是：＜meta http-equiv=”參數” content=”參數變量值”＞ ；其中http-equiv屬性主要有以下幾種參數：
- content-Type(顯示字符集的設定)
- 說明：設定頁面使用的字符集。
- 用法：
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML，不推薦 -
<meta charset="utf-8"> //HTML5設定網頁字符集的方式，推薦使用UTF-8
- X-UA-Compatible(瀏覽器採取何種版本渲染當前頁面)
- 說明：用於告知瀏覽器以何種版本來渲染頁面。（一般都設置爲最新模式，在各大框架中這個設置也很常見。）
- 用法：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當前頁面
- cache-control(指定請求和響應遵循的緩存機制)
- 說明：指導瀏覽器如何緩存某個響應以及緩存多長時間。
- 用法：<meta http-equiv="cache-control" content="no-cache">
-
no-cache: 先發送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。
-
no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）
-
public : 緩存所有響應，但並非必須。因爲max-age也可以做到相同效果
-
private : 只爲單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）
-
maxage : 表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。
-
no-siteapp：用於禁止當前頁面在移動端瀏覽時，被百度自動轉碼。
- Expires(期限)
- 說明：可以用於設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。
- 用法：
＜meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"＞
注意：必須使用GMT的時間格式。
- Pragma(cache模式)
- 說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
- 用法：
＜meta http-equiv="Pragma" content="no-cache"＞
注意：這樣設定，訪問者將無法脫機瀏覽。
- Refresh(刷新)
- 說明：自動刷新並指向新頁面。
- 用法：
＜meta http-equiv="Refresh" content="2; URL=http://www.root.net"＞
注意：其中的2是指停留2秒鐘後自動刷新到URL網址。
- Set-Cookie(cookie設定)
- 說明：設置cookie, 如果網頁過期，那麼存盤的cookie將被刪除。
- 用法：
＜meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/"＞
注意：必須使用GMT的時間格式。
- Window-target(顯示窗口的設定)
- 說明：強制頁面在當前窗口以獨立頁面顯示。
- 用法：
＜meta http-equiv="Window-target" content="_top"＞
注意：用來防止別人在框架裏調用自己的頁面。
- Pics-label(網頁等級評定)
- 說明：設定網站的限制級別。
- 用法：
＜meta http-equiv="Pics-label" content=""＞
注意：在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站。
- Page-Enter(進入頁面)、Page-Exit(離開頁面)時的效果
- 說明：設定進入和離開頁面時的特殊效果。
- 用法：<meta http-equiv="Page-Enter" content="revealTrans（duration=10,transition=50）"><meta http-equiv="Page-Exit" content="revealTrans（duration=20，transition=6）">
注意：這個功能即FrontPage中的"格式/網頁過渡"，不過所加的頁面不能夠是一個frame頁面。