本文由 源码村 – admin 发布，转载请注明出处，如有问题请联系我们！关于Apple设备私有的apple-touch-icon属性详解
收藏apple-touch-icon是一个私有的HTML标签属性，用于指定Apple设备主屏幕图标的图像。它用于给网站添加自定义的图标，当用户将网站添加到设备的主屏幕时，可显示为应用程序图标。
apple-touch-icon属性有两种使用方式：
1. 文件方式：
通过添加以下代码到网页的<head>标签内，指定一个图像文件作为主屏幕图标：
`<link rel="apple-touch-icon" href="path/to/icon.png">`
这里的“path/to/icon.png”是指图像文件的路径。推荐使用正方形的PNG格式图像，尺寸为至少180x180像素。
2. 预定义方式：
Apple设备还支持使用预定义的图标：
`<link rel="apple-touch-icon" sizes="72x72" href="path/to/icon.png">`
这里的“sizes”属性指定了图标的尺寸，可根据需要选择使用。常见的尺寸包括：
- 57x57：用于iPhone和iPod Touch上的Retina显示屏。
- 72x72：用于第一代iPad。
- 114x114：用于iPhone和iPod Touch上的Retina显示屏。
- 144x144：用于第三代iPad和iPad mini的Retina显示屏。
- 180x180：用于iPhone 6 Plus和iPhone 6s Plus的Retina显示屏。
注意：若同时使用文件方式和预定义方式，则预定义方式的优先级更高。
通过添加apple-touch-icon属性，网站可以提供一个定制的图标，使用户可以快速访问网站，并提升用户体验。
