今天來(lái)聊一點(diǎn)簡(jiǎn)單的東西；為什么我們編輯器中的快捷代碼段中都會(huì)有一個(gè)<meta charset="UTF-8">這個(gè)我相信大家都知道是干什么的；今天我想說(shuō)的是移動(dòng)前端開發(fā)中添加一些webkit專屬的HTML5頭部標(biāo)簽，幫助瀏覽器更好解析HTML代碼，更好地將移動(dòng)web前端頁(yè)面表現(xiàn)出來(lái),會(huì)添加一些meta標(biāo)簽。
下面就列舉幾個(gè)常用的meta屬性：
設(shè)置Meta標(biāo)簽
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
首相我們看一下這寫屬性，這些屬性是干什么的呢？
其實(shí)他們可以將H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面的；
好吧我們把這段代碼的幾個(gè)參數(shù)解釋一下：
width = device-width：寬度等于當(dāng)前設(shè)備的寬度
initial-scale： 初始的縮放比例（默認(rèn)設(shè)置為1.0）
minimum-scale：允許用戶縮放到的最小比例（默認(rèn)設(shè)置為1.0）
maximum-scale：允許用戶縮放到的最大比例（默認(rèn)設(shè)置為1.0）
user-scalable：用戶是否可以手動(dòng)縮放（默認(rèn)設(shè)置為no，因?yàn)槲覀儾幌Ｍ脩舴糯罂s小頁(yè)面）
下面在該大家介紹幾個(gè)meta標(biāo)簽：
- 忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼
<meta name="format-detection" content="telephone=no" />
- 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別
<meta name="format-detection" content="email=no" />
- 當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式，可隱藏地址欄，僅針對(duì)ios的safari
<meta name="apple-mobile-web-app-capable" content="yes" />
ios7.0版本以后，safari上已看不到效果
- 將網(wǎng)站添加到主屏幕快速啟動(dòng)方式，僅針對(duì)ios的safari頂端狀態(tài)條的樣式
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
可選default、black、black-translucent
meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。也許你認(rèn)為這些代碼可有可無(wú)。其實(shí)如果你能夠用好meta標(biāo)簽，會(huì)給你帶來(lái)意想不到的效果，
其實(shí)這篇文章只是想讓大家了解mate標(biāo)簽，大家在以后的學(xué)習(xí)中會(huì)遇到更多的mate標(biāo)簽；可以看到一個(gè)總結(jié)一個(gè)；最后自己也就有了一個(gè)mate標(biāo)簽武器庫(kù)；大家總結(jié)的文章不要藏私哦；分享才是最快樂的；
