HTML <meta> 標簽
<meta> 元素可提供有關(guān)頁面的元信息(meta-information)粱腻,比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
標簽位于文檔的頭部曲楚,不包含任何內(nèi)容裂七。<meta> 標簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
在做手機端的時候常常需要針對手機端設(shè)置一些特有的<meta>屬性家破。
手機端常用的<meta>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
第一個meta標簽表示:強制讓文檔的寬度與設(shè)備的寬度保持1:1颜说,并且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽:
width - viewport的寬度 height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
第二個meta標簽是iphone設(shè)備中的safari私有meta標簽汰聋,它表示:允許全屏模式瀏覽门粪;第三個meta標簽也是iphone的私有標簽,它指定的iphone中safari頂端的狀態(tài)條的樣式烹困;
在web app應(yīng)用下狀態(tài)條(屏幕頂部條)的顏色玄妈;
默認值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)髓梅。
注意:若值為“black-translucent”將會占據(jù)頁面px位置拟蜻,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個meta標簽表示:告訴設(shè)備忽略將頁面中的數(shù)字識別為電話號碼枯饿。