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