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

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

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

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

1.

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

2.

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

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

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

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

3.

這個(gè)標(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翻譯成中文的意思是“格式檢測(cè)”，顧名思義，它是用來(lái)檢測(cè)html里的一些格式的，那關(guān)于meta的format-detection屬性主要是有以下幾個(gè)設(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"

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

telephone

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

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

email

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

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

adress

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

6.

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

7.

Cache-Control指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制。在請(qǐng)求消息或響應(yīng)消息中設(shè)置Cache-Control并不會(huì)修改另一個(gè)消息處理過(guò)程中的緩存處理過(guò)程。請(qǐng)求時(shí)的緩存指令包括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。各個(gè)消息中的指令含義如下：

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

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

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

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

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

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

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

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

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

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

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

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

8.

Pragma(cache模式)

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

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

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

9.

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

10.

進(jìn)入U(xiǎn)C應(yīng)用模式 PS:UC進(jìn)入應(yīng)用模式后自動(dòng)全屏

11.

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

12.

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

13.

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

14.

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

15.

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

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

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

16.

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