📅 最后修改于: 2023-12-03 15:38:54.949000 🧑 作者: Mango
Favicon 是指网站或者 Web 应用程序的图标，通常会显示在网站标题的左侧。在 HTML 中设置 Favicon 的过程非常简单，只需要在 head 标签中添加一个 link 标签即可。
以下是设置 Favicon 的 HTML 代码：
<head>
<link rel="icon" type="image/png" href="path/to/favicon.png">
</head>
其中，“path/to/favicon.png” 指的是网站 Favicon 图标的路径。请注意，图标可以是任何图片格式，但为了兼容性最好将其保存为 .png 格式。
这通常是由于网站缓存导致的。尝试清除浏览器缓存或者刷新网页看看是否生效。如果仍然无效，可能是链接路径有误，请检查链接是否正确。
可以添加多张图片来支持不同尺寸的设备。示例代码如下：
<head>
<link rel="icon" type="image/png" sizes="16x16" href="path/to/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="path/to/favicon-32x32.png">
</head>
注意，每一张图片都要单独添加，同时指定不同的 sizes 属性值。
设置 Favicon 只需要在 head 标签中添加一个 link 标签即可，同时可以添加多张不同尺寸的图片以支持不同设备。