我想在我的HTML头中包含 {GERMANY=3}
标签，以标记不同大小的各种图标。订购<link>标签中的图标<link>的最佳做法是什么？我以什么顺序包括它们有关系吗？最小到最大？大到小？
答案 0 :(得分：1)
来自HTML5 specs：
指定的资源是代表页面或站点的图标，并且 当在页面中表示页面时，应由用户代理使用 用户界面。
图标可以是听觉图标，视觉图标或其他种类的图标。 如果提供了多个图标，则用户代理必须选择最多的图标 根据类型，介质和尺寸属性选择适当的图标。 如果有多个同样适当的图标，则用户代理必须使用 用户代理当时以树顺序声明的最后一个 收集了图标列表。如果用户代理尝试使用图标 但经过仔细检查后，该图标实际上被确定为 不合适（例如，因为它使用了不受支持的格式），则 用户代理必须尝试由确定的倒数第二个合适的图标 属性。
它实际上取决于Web浏览器来确定要使用哪个图标，因此我认为排序不应该是一个大问题。我建议您采用与规范示例中相同的方法。
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
希望这会有所帮助！
答案 1 :(得分：0)
对于每个 rel 标签，我建议从最大到最小。然后，设备或用户代理应使用它可以支持的最高分辨率的图像。
答案 2 :(得分：0)
我认为您只想了解有关favicon的信息，因为您的问题带有标签favicon。在其他情况下，我可以写一本书。 :-)我没有找到有关大小顺序的信息，但是由于节省了服务器资源，所以我将按照最小顺序到最大顺序进行操作。
Internet Explorer 9 在以下位置使用网站图标：
- 地址栏（
16x16）- “新标签页”（
32x32）- 任务栏按钮（
32x32）- 固定的站点浏览器用户界面（
24x24）在创建固定网站时，您可能需要其他图标才能通过以下方式使用：
- 跳转列表任务（
16x16）- 缩略图工具栏按钮（
16x16）- 叠加图标（
16x16）要在Internet Explorer 9中获得最佳体验，您的图标 应该支持以下图像尺寸：
- 推荐
16x16, 32x32, 48x48- 最佳
16x16, 24x24, 32x32, 64x64
一个ICO文件可以包含多张图片，Microsoft建议将16x16，32x32和48x48版的图标放入favicon.ico。例如，IE将在地址栏上使用16x16版本，在任务栏快捷方式上使用32x32。
您可以按如下方式编写图标图标：
<link rel="icon" href="/path/to/icons/favicon.ico">
现代桌面浏览器（IE11，Chrome，Opera，Firefox等）更喜欢使用PNG图标。通常的预期大小为16x16，32x32和“尽可能大”。例如，如果MacOS / Safari可以找到最大的图标，则使用196x196图标。
PNG图标声明为：
<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-32x32.png" sizes="32x32">
...
文档：MDN上的 <link>: The External Resource Link element 。
建议的尺寸是多少？选择您喜欢的平台：
16x16, 32x32, "as big as possible" 192x192 （在智能手机上添加到主屏幕）96x96 有关经典图标和非经典图标的其他信息：