<meta>標簽
<meta>元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta>元素可以定義文檔的各種元數據,提供各種文檔信息,通俗點說就是可以理解為提供了關於網站的各種信息。
meta給頁面添加輔助信息,如編碼、頁面渲染等.
<meta>元素除去charset屬性外,都是http-equiv屬性或name屬性結合content來使用
1、設置網頁字符編碼:
<meta charset="UTF-8"> //h5 <meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML
2、指定名/值對定義元數據
name屬性與content屬性結合使用, name用來表示元數據的類型,表示當前<meta>標簽的具體作用;content屬性用來提供值。
<meta name="參數" content="具體描述信息">
舉例:
<meta name="description" content="網站描述..."> <meta name="keywords" content="電商,美妝xxx"> <meta name="author" content="李四xxx">
元數據名稱: (name的值) 說明
application 當前頁所屬Web應用系統的名稱
keywords 描述網站內容的關鍵詞,以逗號隔開,用於SEO搜索
description 當前頁的說明
author 當前頁的作者名
copyright 版權信息
renderer renderer是為雙核瀏覽器准備的,用於指定雙核瀏覽器默認以何種方式渲染頁面
viewreport 它提供有關視口初始大小的提示,僅供移動設備使用
renderer舉例:
<meta name="renderer" content="webkit"> //默認webkit內核 <meta name="renderer" content="ie-comp"> //默認IE兼容模式 <meta name="renderer" content="ie-stand"> //默認IE標准模式 <meta name="renderer" content="webkit|ie-comp|ie-stand">
3、 模擬http標頭字段
http-equiv屬性與content屬性結合使用, http-equiv屬性為指定所要模擬的標頭字段的名稱,content屬性用來提供值。
<meta http-equiv="參數" content="具體的描述">
content-Type 聲明網頁字符編碼:
<meta http-equiv="content-Type" content="text/html charset=UTF-8">
refresh 指定一個時間間隔(以秒為單位),在此時間過去之后從服務器重新載入當前頁面,也可以另外指定一個頁面.
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">//2秒后在當前頁跳轉到百度
X-UA-Compatible 瀏覽器采取何種版本渲染當前頁面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //指定IE和Chrome使用最新版本渲染當前頁面
expires 用於設定網頁的到期時間,過期后網頁必須到服務器上重新傳輸
<meta http-equiv="expires" content="Sunday 22 July 2016 16:30 GMT">
catch-control 用於指定所有緩存機制在整個請求/響應鏈中必須服從的指令
<meta http-equiv="cache-control" content="no-cache">
content的值及說明
public :所有內容都將被緩存(客戶端和代理服務器都可緩存)
private :內容只緩存到私有緩存中(僅客戶端可以緩存,代理服務器不可緩存)
no-cache :必須先與服務器確認返回的響應是否被更改,然后才能使用該響應來滿足后續對同一個網址的請求。因此,如果存在合適的驗證令牌 (ETag),no-cache 會發起往返通信來驗證緩存的響應,如果資源未被更改,可以避免下載。
no-store :所有內容都不會被緩存到緩存或 Internet 臨時文件中
must-revalidation/proxy-revalidation :如果緩存的內容失效,請求必須發送到服務器/代理以進行重新驗證
max-age=xxx (xxx is numeric) :緩存的內容將在 xxx 秒后失效, 這個選項只在HTTP 1.1可用, 並如果和Last-Modified一起使用時, 優先級較高
