WebApp之Meta標籤 （關閉自動識別數字爲電話號碼或郵箱之類）

iPhone上的Safari(還有些webkit android手機瀏覽器)會自動對看起來像是電話號碼的數字串（包括已經加入連字符或括號格式化過的）添加電話連接，點擊以後會詢問用戶是否想要撥打該號碼。若是你不但願開啓這個自動識別，能夠將它關閉：

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

若是你關閉自動識別後，又但願某些電話號碼可以連接到iPhone的撥號功能，那麼能夠經過這樣來聲明電話連接：
<a href="tel:13800138000">13800138000</a>

 

<meta content="email=no" name="format-detection" />//將不識別郵箱

 

<meta name="apple-mobile-web-app-capable" content="yes" />
這meta的做用就是刪除默認的蘋果工具欄和菜單欄。content有兩個值」yes」和」no」,當咱們須要顯示工具欄和菜單欄時，這個行meta就不用加了，默認就是顯示。

<meta name=」apple-mobile-web-app-status-bar-style」 content=black」 /> 
默認值爲default（白色），能夠定爲black（黑色）和black-translucent（灰色半透明）。
注意： 若值爲「black-translucent」將會佔據頁面px位置，浮在頁面上方（會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕爲40px）。

 

iOS用rel="apple-touch-icon",android 用rel="apple-touch-icon-precomposed"。這樣就能在用戶把網頁存爲書籤時，在手機HOME界面建立應用程序樣式的圖標。
<link rel="apple-touch-icon" href="/static/images/identity/HTML5_Badge_64.png" />
<link rel="apple-touch-icon-precomposed" href="/static/images/identity/HTML5_Badge_64.png" />