关于html：目前，使图标图标在所有支持图标图标的浏览器中显示的最佳方法是什么？

What is currently the best way to get a favicon to display in all browsers that support Favicons?

目前，使图标图标显示在当前支持该图标的所有浏览器中的最佳方法是什么？

请包括：

哪些浏览器支持哪些图像格式。

各种浏览器在何处需要哪些行。

我在这里系腰带支撑。

我以.ico和.webp格式创建了一个32x32图标，分别称为favicon.ico和favicon.webp。除非您使用的是旧版浏览器，否则图标名称并不重要。

在站点根目录下放置favicon.ico以支持较旧的浏览器(可选，仅与较旧的浏览器相关。

将favicon.webp放在我的图像子目录中(只是为了保持整洁)。

在元素内添加以下HTML。

1 2	<link rel="icon" href="/images/favicon.webp" type="image/png" /> <link rel="shortcut icon" href="/favicon.ico" />

请注意：

IANA将.ico文件的MIME类型注册为image / vnd.microsoft.icon。
Internet Explorer将忽略快捷方式图标关系的type属性，这是唯一支持这种关系的浏览器，不需要提供它。

参考

我使用.ico格式，并将以下两行放在元素内：

1 2	<link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

为了同时支持平板电脑和智能手机的触摸图标，我更喜欢HTML5Boilerplate的方法

有关触摸图标的更多信息，请参见本文。

使用浏览器支持的当前状态，您甚至不必在文档中添加网站图标的HTML标签。浏览器将自动搜索文件列表，请参见iOS的以下示例：

If no icons are specified in the HTML, iOS Safari will search the
website’s root directory for icons with the apple-touch-icon or
apple-touch-icon-precomposed prefix. For example, if the appropriate
icon size for the device is 57 × 57 pixels, iOS searches for filenames
in the following order:

apple-touch-icon-57x57-precomposed.webp

apple-touch-icon-57x57.webp

apple-touch-icon-precomposed.webp

apple-touch-icon.webp

我的建议是不要在您的文档中包含收藏夹图标，但要在根网站中准备好文件列表：