HTML5 常用meta 標簽 屬性

在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 - 用戶是否可以手動縮放 



刪除默認的蘋果工具欄和菜單欄。content有兩個值”yes”和”no”,當我們需要顯示工具欄和菜單欄時，這個行meta就不用加了，默認就是顯示。

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

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

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

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

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

忽略Android平臺中對郵箱地址的識別

<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 手機上默認值是（電話號碼顯示為撥號的超鏈接）：

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

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




iOS設備對meta定義的私有屬性：（可以添加至主屏幕）

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

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