關(guān)于meta知多少

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ù)字識別為電話號碼枯饿。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末酝锅,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子奢方,更是在濱河造成了極大的恐慌搔扁,老刑警劉巖爸舒,帶你破解...
    沈念sama閱讀 221,406評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異稿蹲,居然都是意外死亡扭勉,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評論 3 398
  • 文/潘曉璐 我一進店門场绿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剖效,“玉大人,你說我怎么就攤上這事焰盗。” “怎么了咒林?”我有些...
    開封第一講書人閱讀 167,815評論 0 360
  • 文/不壞的土叔 我叫張陵熬拒,是天一觀的道長。 經(jīng)常有香客問我垫竞,道長澎粟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,537評論 1 296
  • 正文 為了忘掉前任欢瞪,我火速辦了婚禮活烙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘遣鼓。我一直安慰自己啸盏,他們只是感情好,可當我...
    茶點故事閱讀 68,536評論 6 397
  • 文/花漫 我一把揭開白布骑祟。 她就那樣靜靜地躺著回懦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪次企。 梳的紋絲不亂的頭發(fā)上怯晕,一...
    開封第一講書人閱讀 52,184評論 1 308
  • 那天,我揣著相機與錄音缸棵,去河邊找鬼舟茶。 笑死,一個胖子當著我的面吹牛堵第,可吹牛的內(nèi)容都是我干的吧凉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼型诚,長吁一口氣:“原來是場噩夢啊……” “哼客燕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狰贯,我...
    開封第一講書人閱讀 39,668評論 0 276
  • 序言:老撾萬榮一對情侶失蹤也搓,失蹤者是張志新(化名)和其女友劉穎赏廓,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體傍妒,經(jīng)...
    沈念sama閱讀 46,212評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡幔摸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,299評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了颤练。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片既忆。...
    茶點故事閱讀 40,438評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖嗦玖,靈堂內(nèi)的尸體忽然破棺而出患雇,到底是詐尸還是另有隱情,我是刑警寧澤宇挫,帶...
    沈念sama閱讀 36,128評論 5 349
  • 正文 年R本政府宣布苛吱,位于F島的核電站,受9級特大地震影響器瘪,放射性物質(zhì)發(fā)生泄漏翠储。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,807評論 3 333
  • 文/蒙蒙 一橡疼、第九天 我趴在偏房一處隱蔽的房頂上張望援所。 院中可真熱鬧,春花似錦欣除、人聲如沸住拭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽废酷。三九已至,卻和暖如春抹缕,著一層夾襖步出監(jiān)牢的瞬間澈蟆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評論 1 272
  • 我被黑心中介騙來泰國打工卓研, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留趴俘,地道東北人。 一個月前我還...
    沈念sama閱讀 48,827評論 3 376
  • 正文 我出身青樓奏赘,卻偏偏與公主長得像寥闪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子磨淌,可洞房花燭夜當晚...
    茶點故事閱讀 45,446評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 隨著html5的普及和Web技術(shù)的凈化疲憋,從Windows XP的IE6到IE8、IE9梁只、IE10缚柳、IE11埃脏,Edg...
    波段頂?shù)?/span>閱讀 2,211評論 1 1
  • W3School say meta 標簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上秋忙,但是對于機器是可讀的...
    bpup閱讀 758評論 0 0
  • 一彩掐、先羅列一些知名網(wǎng)站的META 1.天貓 天貓觸屏版 2.淘寶 淘寶網(wǎng)觸屏版 3.京東 京東 - 手機版 4.網(wǎng)...
    Mike_Gu閱讀 865評論 0 0
  • < meta > 元素概要標簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上灰追,但是對于機器是可讀的堵幽。它可用于...
    TeslaChen閱讀 970評論 0 1
  • 不知不覺中,到了月末弹澎,今天是十一月的最后一天朴下,也是我參加好報寫作群這一期的最后一天。群規(guī)說嚴挺嚴裁奇,每天的北京時間2...
    三心不得閱讀 467評論 3 8