移動(dòng)端的頭部標(biāo)簽

移動(dòng)端的頭部標(biāo)簽和meta

    

  1. <!DOCTYPE html> <!-- 使用 HTML5 doctype，不區(qū)分大小寫 -->
    2. 

  2. <html lang="zh-cmn-Hans"> <!-- 更加標(biāo)準(zhǔn)的 lang 屬性寫法 http://zhi.hu/XyIa -->
    3. 

  3. <head>
    4. 

  4.     <!-- 聲明文檔使用的字符編碼 -->
    5. 

  5.     <meta charset='utf-8'>
    6. 

  6.     <!-- 優(yōu)先使用 IE 最新版本和 Chrome -->
    7. 

  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    8. 

  8.     <!-- 頁面描述 -->
    9. 

  9.     <meta name="description" content="不超過150個(gè)字符"/>
    10. 

  10.     <!-- 頁面關(guān)鍵詞 -->
    11. 

  11.     <meta name="keywords" content=""/>
    12. 

  12.     <!-- 網(wǎng)頁作者 -->
    13. 

  13.     <meta name="author" content="name, email@gmail.com"/>
    14. 

  14.     <!-- 搜索引擎抓取 -->
    15. 

  15.     <meta name="robots" content="index,follow"/>
    16. 

  16.     <!-- 為移動(dòng)設(shè)備添加 viewport -->
    17. 

  17.     <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    18. 

  18.     <!-- `width=device-width` 會(huì)導(dǎo)致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時(shí)出現(xiàn)黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->
    19. 

  19.  
    20. 

  20.     <!-- iOS 設(shè)備 begin -->
    21. 

  21.     <meta name="apple-mobile-web-app-title" content="標(biāo)題">
    22. 

  22.     <!-- 添加到主屏后的標(biāo)題（iOS 6 新增） -->
    23. 

  23.     <meta name="apple-mobile-web-app-capable" content="yes"/>
    24. 

  24.     <!-- 是否啟用 WebApp 全屏模式，刪除蘋果默認(rèn)的工具欄和菜單欄 -->
    25. 

  25.  
    26. 

  26.     <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    27. 

  27.     <!-- 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari） -->
    28. 

  28.     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    29. 

  29.     <!-- 設(shè)置蘋果工具欄顏色 -->
    30. 

  30.     <meta name="format-detection" content="telphone=no, email=no"/>
    31. 

  31.     <!-- 忽略頁面中的數(shù)字識(shí)別為電話审洞，忽略email識(shí)別 -->
    32. 

  32.     <!-- 啟用360瀏覽器的極速模式(webkit) -->
    33. 

  33.     <meta name="renderer" content="webkit">
    34. 

  34.     <!-- 避免IE使用兼容模式 -->
    35. 

  35.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    36. 

  36.     <!-- 針對(duì)手持設(shè)備優(yōu)化故爵，主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器吱晒，比如黑莓 -->
    37. 

  37.     <meta name="HandheldFriendly" content="true">
    38. 

  38.     <!-- 微軟的老式瀏覽器 -->
    39. 

  39.     <meta name="MobileOptimized" content="320">
    40. 

  40.     <!-- uc強(qiáng)制豎屏 -->
    41. 

  41.     <meta name="screen-orientation" content="portrait">
    42. 

  42.     <!-- QQ強(qiáng)制豎屏 -->
    43. 

  43.     <meta name="x5-orientation" content="portrait">
    44. 

  44.     <!-- UC強(qiáng)制全屏 -->
    45. 

  45.     <meta name="full-screen" content="yes">
    46. 

  46.     <!-- QQ強(qiáng)制全屏 -->
    47. 

  47.     <meta name="x5-fullscreen" content="true">
    48. 

  48.     <!-- UC應(yīng)用模式 -->
    49. 

  49.     <meta name="browsermode" content="application">
    50. 

  50.     <!-- QQ應(yīng)用模式 -->
    51. 

  51.     <meta name="x5-page-mode" content="app">
    52. 

  52.     <!-- windows phone 點(diǎn)擊無高光 -->
    53. 

  53.     <meta name="msapplication-tap-highlight" content="no">
    54. 

  54.     <!-- iOS 圖標(biāo) begin -->
    55. 

  55.     <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
    56. 

  56.     <!-- iPhone 和 iTouch钞澳，默認(rèn) 57x57 像素狭姨，必須有 -->
    57. 

  57.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
    58. 

  58.     <!-- Retina iPhone 和 Retina iTouch，114x114 像素肴颊，可以沒有，但推薦有 -->
    59. 

  59.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
    60. 

  60.     <!-- Retina iPad渣磷，144x144 像素婿着，可以沒有，但推薦有 -->
    61. 

  61.     <!-- iOS 圖標(biāo) end -->
    62. 

  62.  
    63. 

  63.     <!-- iOS 啟動(dòng)畫面 begin -->
    64. 

  64.     <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
    65. 

  65.     <!-- iPad 豎屏 768 x 1004（標(biāo)準(zhǔn)分辨率） -->
    66. 

  66.     <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
    67. 

  67.     <!-- iPad 豎屏 1536x2008（Retina） -->
    68. 

  68.     <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
    69. 

  69.     <!-- iPad 橫屏 1024x748（標(biāo)準(zhǔn)分辨率） -->
    70. 

  70.     <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
    71. 

  71.     <!-- iPad 橫屏 2048x1496（Retina） -->
    72. 

  72.  
    73. 

  73.     <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
    74. 

  74.     <!-- iPhone/iPod Touch 豎屏 320x480 (標(biāo)準(zhǔn)分辨率) -->
    75. 

  75.     <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
    76. 

  76.     <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) -->
    77. 

  77.     <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
    78. 

  78.     <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) -->
    79. 

  79.     <!-- iOS 啟動(dòng)畫面 end -->
    80. 

  80.  
    81. 

  81.     <!-- iOS 設(shè)備 end -->
    82. 

  82.     <meta name="msapplication-TileColor" content="#000"/>
    83. 

  83.     <!-- Windows 8 磁貼顏色 -->
    84. 

  84.     <meta name="msapplication-TileImage" content="icon.png"/>
    85. 

  85.     <!-- Windows 8 磁貼圖標(biāo) -->
    86. 

  86.  
    87. 

  87.     <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
    88. 

  88.     <!-- 添加 RSS 訂閱 -->
    89. 

  89.     <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    90. 

  90.     <!-- 添加 favicon icon -->
    91. 

  91.  
    92. 

  92.     <title>標(biāo)題</title>
    93. 

  93. </head>
    94.
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末醋界，一起剝皮案震驚了整個(gè)濱河市祟身，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌物独，老刑警劉巖袜硫，帶你破解...
    沈念sama閱讀 221,576評(píng)論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異挡篓，居然都是意外死亡婉陷，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評(píng)論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門官研，熙熙樓的掌柜王于貴愁眉苦臉地迎上來秽澳，“玉大人，你說我怎么就攤上這事戏羽〉Ｉ瘢” “怎么了？”我有些...
    開封第一講書人閱讀 168,017評(píng)論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵始花，是天一觀的道長妄讯。 經(jīng)常有香客問我孩锡，道長，這世上最難降的妖魔是什么亥贸？ 我笑而不...
    開封第一講書人閱讀 59,626評(píng)論 1贊 296
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任躬窜，我火速辦了婚禮，結(jié)果婚禮上炕置，老公的妹妹穿的比我還像新娘荣挨。我一直安慰自己，他們只是感情好朴摊，可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評(píng)論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布默垄。 她就那樣靜靜地躺著，像睡著了一般甚纲。 火紅的嫁衣襯著肌膚如雪厕倍。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 52,255評(píng)論 1贊 308
  • 城市分裂傳說
    那天贩疙，我揣著相機(jī)與錄音讹弯，去河邊找鬼。 笑死这溅，一個(gè)胖子當(dāng)著我的面吹牛组民，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播悲靴，決...
    沈念sama閱讀 40,825評(píng)論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼臭胜，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼！你這毒婦竟也來了癞尚？” 一聲冷哼從身側(cè)響起耸三，我...
    開封第一講書人閱讀 39,729評(píng)論 0贊 276
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎浇揩，沒想到半個(gè)月后仪壮，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 46,271評(píng)論 1贊 320
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡胳徽，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評(píng)論 3贊 340
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年积锅，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片养盗。...
    茶點(diǎn)故事閱讀 40,498評(píng)論 1贊 352
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡缚陷，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出往核，到底是詐尸還是另有隱情箫爷，我是刑警寧澤，帶...
    沈念sama閱讀 36,183評(píng)論 5贊 350
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站虎锚，受9級(jí)特大地震影響硫痰，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜翁都，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評(píng)論 3贊 333
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望谅猾。 院中可真熱鬧柄慰，春花似錦、人聲如沸税娜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評(píng)論 0贊 24
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽敬矩。三九已至概行，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間弧岳，已是汗流浹背凳忙。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評(píng)論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留禽炬，地道東北人涧卵。 一個(gè)月前我還...
    沈念sama閱讀 48,906評(píng)論 3贊 376
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像腹尖，于是被迫代替她去往敵國和親柳恐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評(píng)論 2贊 359

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