meta標籤

<meta>標籤提供關於HTML文檔的元數據。<meta>標籤永遠位於head元素內部。元數據不會顯示在頁面上，但是對於機器是可讀的。它可用於瀏覽器（如何顯示內容或重新載入頁面），搜索引擎（關鍵詞），或其他web服務。<meta>標籤有兩個屬性:name和http-equiv。下面對這兩個屬性的常見值進行列舉。

http-equiv屬性：<meta http-equiv="參數" content="參數值">

• content-type
• expire
• refresh
• set-cookie

把content屬性關聯到HTTP頭部。

<meta http-equiv="content-type" content="text/html; charset=utf-8" />n

設定頁面使用的字符集。

<meta charset="utf-8"n

HTML5中設定頁面使用字符集的簡寫寫法。

<meta http-equiv="set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">n

如果網頁過期，那麼存檔的cookie將被刪除。必須使用GMT的時間格式。

<meta http-equiv="expires" content="時間" />n

用於設定網頁的到期時間，一旦網頁過期，必須到伺服器上重新傳輸。

<meta http-equiv="Refresh" content="5;URL" />n

告訴瀏覽器在5s後跳轉到某個網址。

<meta http-equiv="Pragma" content="no-cache" /> n

禁止瀏覽器從本地計算機的緩存中訪問頁面內容。訪問者將無法離線瀏覽。

<meta http-equiv="Window-target" content="_top"n

防止別人在iframe(框架)里調用自己的頁面

meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"n

強制瀏覽器按照特定的版本標準進行渲染。但不支持IE7及以下版本。如果是ie瀏覽器就用最新的ie渲染，如果是雙核瀏覽器就用chrome內核。

name屬性：<meta name="參數" content="參數值">

<meta name="viewport" content="width_=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" >n

在移動設備瀏覽器上，禁用縮放功能，用戶只能滾動屏幕

<meta name="description" content="" >n

告訴搜索引擎，當前頁面的內容

<meta name="keywords" content="" >n

告訴搜索引擎，當前頁面的關鍵字

<meta name="author" content="" >n

告訴搜索引擎，標註網站作者是誰

meta name="copyright" content="">n

標註網站的版權信息

推薦閱讀：