一个看似简单但我找不到明确答案的问题。
苹果触摸图标必须在我网站的根文件夹中吗？
<link href="http://example/apple-touch-icon.png" rel="apple-touch-icon" />
或者我把它放在别的地方可以吗？
<link href="http://www.yoursite.com/some/other/folder/apple-touch-icon.png" rel="apple-touch-icon" />
【问题讨论】：
不一定。从Safari Web Content Guide，Configuring Web Applications section 声明：
- 要为整个网站（网站上的每个页面）指定一个图标，请将 PNG 格式的图标文件放在根文档文件夹中 叫
apple-touch-icon.png要为单个网页指定图标或将网站图标替换为特定于网页的图标，请向网页添加链接元素，如 在：
<link rel="apple-touch-icon" href="/custom_icon.png">要为不同的设备分辨率指定多个图标（例如，同时支持 iPhone 和 iPad 设备），请添加
sizes属性 到每个链接元素如下：
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">使用最适合设备大小的图标。如果 没有设置 size 属性，元素的大小默认为 60 x 60。
您应该能够将它放在另一个文件夹中，并使用link 元素将浏览器指向apple-touch-icon 文件的备用位置，并让它正常工作。
【讨论】：
apple-touch-icon.png 必须在 root 文件夹中（如果你想适用于整个网站）。