HTML5 常用meta 標(biāo)簽 屬性

在iPhone的瀏覽器中頁面將以原始大小顯示，不允許縮放。  
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   
 
width - viewport的寬度 height - viewport的高度   
initial-scale - 初始的縮放比例  
minimum-scale - 允許用戶縮放到的最小比例   
maximum-scale - 允許用戶縮放到的最大比例  
user-scalable - 用戶是否可以手動(dòng)縮放 



刪除默認(rèn)的蘋果工具欄和菜單欄。content有兩個(gè)值”yes”和”no”,當(dāng)我們需要顯示工具欄和菜單欄時(shí)，這個(gè)行meta就不用加了，默認(rèn)就是顯示。

<meta name="apple-mobile-web-app-capable" content="yes" />

添加到主屏幕“后，全屏顯示

<meta name="apple-touch-fullscreen" content="yes">"

作用是控制狀態(tài)欄顯示樣式 status-bar-style:black 深黑色  status-bar-style:black-translucent 淡灰色

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別

<meta name="format-detection" content="email=no" />


禁止頁面緩存
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="expires" content="0" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />




在iPhone 手機(jī)上默認(rèn)值是（電話號(hào)碼顯示為撥號(hào)的超鏈接）：

<meta name="format-detection" content="telephone=yes"/>

可將telephone=no，則手機(jī)號(hào)碼不被顯示為撥號(hào)鏈接
<meta name="format-detection" content="telephone=no"/>




iOS設(shè)備對(duì)meta定義的私有屬性：（可以添加至主屏幕）

<meta name="apple-mobile-web-app-capable" content="yes" />

網(wǎng)站開啟對(duì)web app程序的支持。
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
在web app應(yīng)用下狀態(tài)條（屏幕頂部條）的顏色；
默認(rèn)值為default（白色），可以定為black（黑色）和black-translucent（灰色半透明）。
若值為“black-translucent”將會(huì)占據(jù)頁面px位置，浮在頁面上方（會(huì)覆蓋頁面20px高度–iphone4和itouch5的Retina屏幕為40px）。