摘要：作用是控制狀態(tài)欄顯示樣式。在請求消息或響應(yīng)消息中設(shè)置并不會修改另一個消息處理過程中的緩存處理過程。各個消息中的指令含義如下指示響應(yīng)可被任何緩存區(qū)緩存指示對于單個用戶的整個或部分響應(yīng)消息，不能被共享緩存處理。

因?yàn)榭吹搅艘粋€很不錯的h5自適應(yīng)網(wǎng)站，覺得很不錯，于是好奇心作祟，讓我翻開了它的源碼一探究竟，
最先研究的是它的meta標(biāo)簽，好了，廢話不多說，以下是我總結(jié)的和比較實(shí)用的meta標(biāo)簽，如有錯誤，
請多多指教。

先來整個meta標(biāo)簽列表，方便各位賞光，嘻嘻嘻。。。

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

1.

這個做過前端的同學(xué)應(yīng)該很熟悉了，首先定義一個可視化的視口，content里的width,initial-scale,maximum-scale,user-scalable都是它的參數(shù)，就像這個就是初始化視口的寬度等于設(shè)備的寬度，初始化視口為正常顯示，不放大也不縮小；最大的視口也是1:1；不允許用戶點(diǎn)擊放大或者縮小視口；最后的這個minimal-ui,一直強(qiáng)調(diào)人性化設(shè)計的蘋果為iOS 7.1的Safari準(zhǔn)備的，因?yàn)樵谶@之前每次打開頁面總會顯示頂部地址欄和底部導(dǎo)航欄，使得用戶每次都要再次點(diǎn)擊頁面隱藏掉，所以為了用戶體驗(yàn)?zāi)愕木W(wǎng)站，可以加上這個呦！！這個標(biāo)簽用于移動端的適配。

2.

http類型:這個網(wǎng)頁是表現(xiàn)內(nèi)容用的

content(內(nèi)容類型):這個網(wǎng)頁的格式是文本的

charset(編碼):這個網(wǎng)頁的編碼是UTF-8,需要注意的是這個是網(wǎng)頁內(nèi)容的編碼,而不是文件本身的.編碼不用說,content常見的還有xml等類型

同時,與之想像還有這么一句
該META標(biāo)簽定義了HTML頁面所使用的字符集為GB2132,就是國標(biāo)漢字碼.如果將其中的"charset=GB2312"換成"BIG5"，則該頁面所用的字符集就是繁體中文Big5碼.當(dāng)你瀏覽一些國外的站點(diǎn)時.IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支持.這個功能就是通過讀取HTML頁面meta標(biāo)簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的.如果系統(tǒng)里沒有裝相應(yīng)的字符集,則IE就提示下載.其他的語言也對應(yīng)不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。Content-Type的Content還可以是:text/xml等文檔類型；

3.

這個標(biāo)簽的意思是刪除蘋果手機(jī)的工具欄和菜單欄，如果需要顯示就不需要加了，因?yàn)?b>content默認(rèn)是no。

4.

“apple-mobile-web-app-status-bar-style”作用是控制狀態(tài)欄顯示樣式。默認(rèn)樣式是black-translucent醬紫的

content="black"是醬紫的

5.

format-detection翻譯成中文的意思是“格式檢測”，顧名思義，它是用來檢測html里的一些格式的，那關(guān)于meta的format-detection屬性主要是有以下幾個設(shè)置：

meta name="format-detection" content="telephone=no"
meta name="format-detection" content="email=no"
meta name="format-detection" content="adress=no"

也可以連寫：meta name="format-detection" content="telephone=no,email=no,adress=no"

下面具體說下每個設(shè)置的作用：

telephone

你明明寫的一串?dāng)?shù)字沒加鏈接樣式，而iPhone會自動把你這個文字加鏈接樣式、并且點(diǎn)擊這個數(shù)字還會自動撥號！想去掉這個撥號鏈接該如何操作呢？這時我們的meta又該大顯神通了，代碼如下：

telephone=no就禁止了把數(shù)字轉(zhuǎn)化為撥號鏈接！
telephone=yes就開啟了把數(shù)字轉(zhuǎn)化為撥號鏈接，要開啟轉(zhuǎn)化功能，這個meta就不用寫了,在默認(rèn)是情況下就是開啟！

email

告訴設(shè)備不識別郵箱，點(diǎn)擊之后不自動發(fā)送

email=no禁止作為郵箱地址！
email=yes就開啟了把文字默認(rèn)為郵箱地址，這個meta就不用寫了,在默認(rèn)是情況下就是開啟！

adress

adress=no禁止跳轉(zhuǎn)至地圖！
adress=yes就開啟了點(diǎn)擊地址直接跳轉(zhuǎn)至地圖的功能,在默認(rèn)是情況下就是開啟！

6.

Expires值為一個早已過去的時間，那么訪問此網(wǎng)時若重復(fù)在地址欄按回車，那么每次都會重復(fù)訪問： Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如：禁止頁面在IE中緩存 http響應(yīng)消息頭部設(shè)置： CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是個好東東，如果服務(wù)器上的網(wǎng)頁經(jīng)常變化，就把它設(shè)置為0，表示立即過期。

7.

Cache-Control指定請求和響應(yīng)遵循的緩存機(jī)制。在請求消息或響應(yīng)消息中設(shè)置Cache-Control并不會修改另一個消息處理過程中的緩存處理過程。請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應(yīng)消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個消息中的指令含義如下：

Public指示響應(yīng)可被任何緩存區(qū)緩存

Private指示對于單個用戶的整個或部分響應(yīng)消息，不能被共享緩存處理。這允許服務(wù)器僅僅描述當(dāng)用戶的部分響應(yīng)消息，此響應(yīng)消息對于其他用戶的請求無效

no-cache指示請求或響應(yīng)消息不能緩存

no-store用于防止重要的信息被無意的發(fā)布。在請求消息中發(fā)送將使得請求和響應(yīng)消息都不使用緩存。

max-age指示客戶機(jī)可以接收生存期不大于指定時間（以秒為單位）的響應(yīng)

min-fresh指示客戶機(jī)可以接收響應(yīng)時間小于當(dāng)前時間加上指定時間的響應(yīng)

max-stale指示客戶機(jī)可以接收超出超時期間的響應(yīng)消息。如果指定max-stale消息的值，那么客戶機(jī)可以接收超出超時期指定值之內(nèi)的響應(yīng)消息。

,pragma與no-cache用于定義頁面緩存,不緩存頁面(為了提高速度一些瀏覽器會緩存瀏覽者瀏覽過的頁面,通過下面的定義,瀏覽器一般不會緩存頁面,而且瀏覽器無法脫機(jī)瀏覽.)

,常見的取值有private、no-cache、max-age、must-revalidate等，默認(rèn)為private,其作用根據(jù)不同的重新瀏覽方式分為以下幾種情況：

1） 打開新窗口 值為private、no-cache、must-revalidate，那么打開新窗口訪問時都會重新訪問服務(wù)器。 而如果指定了max-age值，那么在此值內(nèi)的時間里就不會重新訪問服務(wù)器，例如： Cache-control: max-age=5(表示當(dāng)訪問此網(wǎng)頁后的5秒內(nèi)再次訪問不會去服務(wù)器)

2） 在地址欄回車 值為private或must-revalidate則只有第一次訪問時會訪問服務(wù)器，以后就不再訪問。 值為no-cache，那么每次都會訪問。 值為max-age，則在過期之前不會重復(fù)訪問。

3） 按后退按扭 值為private、must-revalidate、max-age，則不會重訪問， 值為no-cache，則每次都重復(fù)訪問

8.

Pragma(cache模式)

說明：禁止瀏覽器從本地計算機(jī)的緩存中訪問頁面內(nèi)容。

用法：＜meta http-equiv="Pragma" content="no-cache"＞

注意：這樣設(shè)定，訪問者將無法脫機(jī)瀏覽

9.

強(qiáng)制UC瀏覽器全屏

10.

進(jìn)入UC應(yīng)用模式 PS:UC進(jìn)入應(yīng)用模式后自動全屏

11.

 強(qiáng)制QQ瀏覽器全屏
 

12.

進(jìn)入QQ應(yīng)用模式     

13.

具體作用：禁止將頁面中的一連串?dāng)?shù)字識別為電話號碼、并設(shè)置為手機(jī)可以撥打的一個連接,應(yīng)用于頁面數(shù)字比較多的場景

14.

網(wǎng)絡(luò)爬蟲robot (Google,百度等搜索引擎)會讀取網(wǎng)頁中meta項將其作為索引，大家搜索網(wǎng)頁時搜索“m.xx.com”時就會搜到這個網(wǎng)頁了

15.

X-UA-Compatible是自從IE8新加的一個設(shè)置，對于IE8以下的瀏覽器是不識別的。 通過在meta中設(shè)置X-UA-Compatible的值，可以指定網(wǎng)頁的兼容性模式設(shè)置

這里的chrome=1不是說IE的技術(shù)增強(qiáng)了可以模擬Chrome瀏覽器，而是與谷歌開發(fā)的Google Chrome Frame(谷歌內(nèi)嵌瀏覽器框架GCF)有關(guān)。這個插件可以讓用戶的IE瀏覽器外觀不變，但用戶在瀏覽網(wǎng)頁時實(shí)際上使用的是Chrome的內(nèi)核，并且支持Windows XP及以上系統(tǒng)的IE6/7/8。

而上文提到的那個meta標(biāo)記，則是在是安裝了GCF后，用來指定頁面使用chrome內(nèi)核來渲染

16.

最后這個是360給我們帶來的不錯標(biāo)簽，可以使360瀏覽器自動切換至急速模式，使得頁面兼容性大大的提高，不過其他瀏覽器暫時還沒有統(tǒng)一。