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和itouch4的Retina屏幕爲40px)。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章