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" />

 

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM