在前端編碼過程中，大部分人對meta的理解估計都停留在<meta charset="UTF-8">上冀痕，但是一般網(wǎng)站還有很多關(guān)于meta的設置荔睹，其它設置的作用又是什么呢？今天來系統(tǒng)的整理一下言蛇，有的功能雖然沒有在實例中測試应媚，但是還是在網(wǎng)上找了些例子，不全的歡迎補充( _ )：
- meta提供了HTML文檔的元數(shù)據(jù)猜极，它不會顯示在頁面上中姜，但是可以供機器解析
- meta常用于定義頁面的說明，關(guān)鍵字、最后修改日期和其它元數(shù)據(jù)丢胚，這些數(shù)據(jù)將服務于瀏覽器（如何布局或重載頁面）翩瓜，搜索引擎和其它網(wǎng)絡服務
- meta標簽由兩個屬性組成，分別是http-equiv屬性和name屬性：
name屬性主要用于描述網(wǎng)頁携龟，與之對應的是content兔跌，content是對name的具體描述，便于引擎抓认矿：
<meta name="參數(shù)" content="具體的描述">坟桅，其中，name屬性一共有以下幾種參數(shù)：
（1）keywords（關(guān)鍵字）蕊蝗，用于告訴搜索引擎你網(wǎng)站的關(guān)鍵字仅乓，也就是在搜索引擎中輸入你在keywords中寫的內(nèi)容，就能搜索到你的網(wǎng)頁了蓬戚。
<meta name="keywords" content="前端">
（2）description（網(wǎng)站內(nèi)容的描述）夸楣，用于告訴引擎你網(wǎng)站的主要內(nèi)容，在根據(jù)關(guān)鍵字搜索出網(wǎng)頁之后子漩，會顯示在description中寫的內(nèi)容豫喧。
<meta name="description" content="前端開發(fā)，路漫漫其修遠兮">
（3）viewport（移動端的窗口）幢泼，這個屬于移動端頁面會用到的屬性紧显，控制網(wǎng)頁在移動端有較好的顯示，具體屬性還比較多缕棵，后面涉及到會詳細介紹相關(guān)屬性鸟妙。
<meta name="viewport" content="width=device-width,inital-scale=1">
（4）robots（定義搜索引擎爬蟲的索引方式），用來告訴爬蟲哪些頁面需要索引哪些頁面不需要索引挥吵。
<meta name="robots" content="none">重父，其中content的值有很多，none表示搜索引擎將忽略此網(wǎng)頁忽匈。
（5）author（作者）房午，用于標注網(wǎng)頁作者舉例
<meta name="author" content="Iris_mao">
（6）generate（網(wǎng)頁制作軟件），用于標注網(wǎng)站的編碼軟件
<meta name="generator" content="Sublime">
（7）copyright（版權(quán)）丹允，用于注明網(wǎng)頁的版權(quán)所有
<meta name="copyright" content="Iris_mao">
（8）revisit-after（搜索引擎爬蟲搜索時間）郭厌，如果頁面不是經(jīng)常更新，為了減少搜索引擎爬蟲對服務器帶來的壓力雕蔽，可以設置一個爬蟲訪問時間折柠。
<meta name="revisit-after" content="7 days" >
（9）renderer（雙核瀏覽器渲染方式），用于指定雙核瀏覽器以何種方式渲染批狐。
<meta name="renderer" content="webkit"> //默認webkit內(nèi)核
http-equiv屬性扇售，相當于http的頭文件作用前塔，equiv的全稱是equivalent，有相當于的意思承冰，這樣就很容易理解了华弓。<meta http-equiv="參數(shù)" content="具體的描述">
（1）content-Type（設定網(wǎng)頁字符集），舊的定義網(wǎng)頁編碼方式的寫法困乒，現(xiàn)在用meta進行定義寂屏，舊的方式不建議使用。
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML娜搂，不推薦
（2）X-UA-Compatible（瀏覽器采用何種版本渲染當前頁面）迁霎，一般都設置為最新模式，在各大框架中也很常見百宇。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當前頁面
（3）cache-control（指定請求和相應遵循的緩存機制）考廉，指導瀏覽器如何緩存某個響應以及緩存多長時間。
<meta http-equiv="cache-control" content="no-cache"> content有很多屬性恳谎，no-cache表示先發(fā)送請求芝此，與服務器確認該資源是否被更改憋肖，如果未被更改因痛，則使用緩存。
（4）expires（網(wǎng)頁到期時間）岸更，用于設定網(wǎng)頁的到期時間鸵膏，過期后網(wǎng)頁必須到服務器上重新傳輸。
<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />
（5）refresh（自動刷新并指向某頁面）怎炊，網(wǎng)頁將在設定的時間內(nèi)自動刷新并調(diào)向設定的網(wǎng)址谭企。
<meta http-equiv="refresh" content="2；URL=http://xxx">
（6）Set-Cookie（cookie設定）评肆，如果網(wǎng)頁過期债查，那么網(wǎng)頁存在本地的cookies也會被刪除。
<meta http-equiv="Set-Cookie" content="name, date">
（7）mobile-agent（開放手機適配）
站點如果自行適配有困難瓜挽，可以在PC頁面中做簡單改造盹廷，百度協(xié)助實現(xiàn)適配效果。即：站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息久橙，由Meta信息來指明該PC頁對應的手機頁的URL俄占，以及該URL對應頁面的格式，百度將根據(jù)用戶終端類型選擇最適合展示的頁面淆衷。
Meta聲明標注步驟：
梳理所有與手機頁存在一一對應關(guān)系的PC頁缸榄，用于添加Meta聲明；無對應關(guān)系的PC頁面無需添加Meta 祝拯。
Meta聲明的格式：
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
注：A. 紅色字體部分是需要站點自定義的內(nèi)容甚带。
[wml|xhtml|html5]——根據(jù)手機頁的協(xié)議語言，選擇中的一種。
url=url ——后者代表當前PC頁所對應的手機頁url欲低，兩者必須是一一對應關(guān)系（而不是統(tǒng)一對應至手機站首頁）
B. name="mobile-agent"為更新后的meta聲明辕宏，建議使用。原有meta規(guī)則http-equiv="mobile-agent"能夠兼容并繼續(xù)生效砾莱，已標注過的無需修改瑞筐。
Meta聲明示例：
<meta name="mobile-agent" content="format=xhtml;url=http://sina.cn/"> ```