meta標(biāo)簽共有兩個屬性，分別是name屬性和http-equiv屬性句携。
name屬性
name屬性主要用于描述網(wǎng)頁疗锐，比如網(wǎng)頁的關(guān)鍵詞衡载，敘述等。與之對應(yīng)的屬性值為content隙袁，content中的內(nèi)容是對name填入類型的具體描述痰娱，便于搜索引擎抓取。meta標(biāo)簽中name屬性語法格式是：
<meta name="參數(shù)" content="具體的描述">
name屬性常見參數(shù):
A. keywords(關(guān)鍵詞)
說明:用于告訴搜索引擎網(wǎng)頁的關(guān)鍵字.舉例:
<meta name="keywords" content="tommy,前端開發(fā)">
B. description(網(wǎng)站內(nèi)容的描述)
說明：用于告訴搜索引擎菩收，你網(wǎng)站的主要內(nèi)容梨睁。舉例：
<meta name="description" content="這是我的個人博客">
C. viewport(移動端的窗口)
多用于移動端網(wǎng)頁參數(shù)的設(shè)置.舉例:
<meta name="viewport" content="width=device-width, initial-scale=1">
name屬性還有其他標(biāo)簽,就不一一列舉了.
http-equiv屬性
相當(dāng)于定義html的參數(shù)的作用.
常用語法格式為:
<meta http-equiv="參數(shù)" content="具體的描述">
A. content-Type(設(shè)定網(wǎng)頁字符集)
說明：用于設(shè)定網(wǎng)頁字符集，便于瀏覽器解析與渲染頁面.舉例：
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML娜饵，不推薦
<meta charset="utf-8"> //HTML5設(shè)定網(wǎng)頁字符集的方式坡贺，推薦使用UTF-8
B. X-UA-Compatible(瀏覽器采取何種版本渲染當(dāng)前頁面)
說明：用于告知瀏覽器以何種版本來渲染頁面。（一般都設(shè)置為最新模式箱舞，在各大框架中這個設(shè)置也很常見遍坟。）舉例：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當(dāng)前頁面
C. expires(網(wǎng)頁到期時間)
說明:用于設(shè)定網(wǎng)頁的到期時間，過期后網(wǎng)頁必須到服務(wù)器上重新傳輸晴股。舉例：
<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />
D. cache-control(指定請求和響應(yīng)遵循的緩存機(jī)制)
說明：指導(dǎo)瀏覽器如何緩存某個響應(yīng)以及緩存多長時間愿伴。
舉例:
<meta http-equiv="cache-control" content="no-cache">
共有以下幾種用法：
no-cache: 先發(fā)送請求，與服務(wù)器確認(rèn)該資源是否被更改电湘，如果未被更改隔节，則使用緩存。
no-store: 不允許緩存寂呛，每次都要去服務(wù)器上怎诫，下載完整的響應(yīng)。（安全措施）public : 緩存所有響應(yīng)贷痪，但并非必須幻妓。因?yàn)閙ax-age也可以做到相同效果
private : 只為單個用戶緩存，因此不允許任何中繼進(jìn)行緩存劫拢。（比如說CDN就不允許緩存private的響應(yīng)）
maxage : 表示當(dāng)前請求開始涌哲，該響應(yīng)在多久內(nèi)能被緩存和重用，而不去服務(wù)器重新請求尚镰。例如：max-age=60表示響應(yīng)可以再緩存和重用 60 秒阀圾。
E. refresh(自動刷新并指向某頁面)
說明：網(wǎng)頁將在設(shè)定的時間內(nèi)，自動刷新并調(diào)向設(shè)定的網(wǎng)址狗唉。舉例:
<meta http-equiv="refresh" content="2初烘；URL=http://www.jrg.com"> //2秒后跳轉(zhuǎn)向饑人谷
還有其他meta標(biāo)簽,暫時也不是很理解,今后碰到再更新.
參考:
