HTML head 头标签详细介绍

2020-04-15 21:45:17易采站长站整理

复制代码
<link rel=”apple-touch-icon-precomposed” sizes=”180×180″ href=”retinahd_icon.png”>

iOS 启动画面

官方文档:https://developer.apple.com/library/ios/qa/qa1686/_index.html
参考文章:http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/

iPad 的启动画面是不包括状态栏区域的。

  iPad 竖屏 768 x 1004(标准分辨率)

复制代码
<link rel=”apple-touch-startup-image” sizes=”768×1004″ href=”/splash-screen-768×1004.png” /> <!– iPad 竖屏 768 x 1004(标准分辨率) –>

  iPad 竖屏 1536×2008(Retina)

复制代码
<link rel=”apple-touch-startup-image” sizes=”1536×2008″ href=”/splash-screen-1536×2008.png” /> <!– iPad 竖屏 1536×2008(Retina) –>

  iPad 横屏 1024×748(标准分辨率)

复制代码
<link rel=”apple-touch-startup-image” sizes=”1024×748″ href=”/Default-Portrait-1024×748.png” /> <!– iPad 横屏 1024×748(标准分辨率) –>

  iPad 横屏 2048×1496(Retina)

复制代码
<link rel=”apple-touch-startup-image” sizes=”2048×1496″ href=”/splash-screen-2048×1496.png” /> <!– iPad 横屏 2048×1496(Retina) –>

  iPhone 和 iPod touch 的启动画面是包含状态栏区域的。

  iPhone/iPod Touch 竖屏 320×480 (标准分辨率)

复制代码
<link rel=”apple-touch-startup-image” href=”/splash-screen-320×480.png” /> <!– iPhone/iPod Touch 竖屏 320×480 (标准分辨率) –>

  iPhone/iPod Touch 竖屏 640×960 (Retina)

复制代码
<link rel=”apple-touch-startup-image” sizes=”640×960″ href=”/splash-screen-640×960.png” /> <!– iPhone/iPod Touch 竖屏 640×960 (Retina) –>

  iPhone 5/iPod Touch 5 竖屏 640×1136 (Retina)

复制代码
<link rel=”apple-touch-startup-image” sizes=”640×1136″ href=”/splash-screen-640×1136.png” /> <!– iPhone 5/iPod Touch 5 竖屏 640×1136 (Retina) –>

  添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)

复制代码
<meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”> <!– 添加智能 App 广告条 Smart App Banner(iOS 6+ Safari) –>

  iPhone 6对应的图片大小是750×1294,iPhone 6 Plus 对应的是1242×2148 。