我正在创建一个HTML网页。 我还没有完成任务，所以现在不应过多关注以下事项。 但我很困惑为什么我的快捷方式图标代码不起作用。 我通过将所有文件放在同一个文件夹（离线，没有服务器或类似的东西）来测试所有内容
代码是
<link rel="SHORTCUT ICON" type="image/x-icon" href="favicon.ico">
我尝试了不同的ico文件，它只适用于上传到网站的ico。 例如，以下代码将起作用。
<link rel="SHORTCUT ICON" type="image/x-icon" href="\WEBSITEFOLDER\favicon.ico">
答案 0 :(得分：4)
尝试：
<link rel="SHORTCUT ICON" type="image/x-icon" href="~/favicon.ico">
或：
<link rel="Shortcut Icon" type="image/ico" href="favicon.ico">
答案 1 :(得分：2)
我遇到了类似的问题，结果发现实际文件的大小是导致问题的原因。根据消息来源，它必须是16x16或32x32。我会使用像x-iconeditor.com这样的图标生成器。
答案 2 :(得分：1)
如果您想在本地文件上使用favicon，则必须使用数据URI
请参阅此答案：local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
答案 3 :(得分：0)
设置favicon图标大小16x16它将在chrome ...
中工作答案 4 :(得分：0)
我有同样的问题。我从“。借用”的网站使用了名为“icons”的文件夹来查找.ico文件的位置，所以我完全遵循了这一点。我女朋友使用的服务是Web.com。无论出于何种原因，Web.com如果位于根目录以外的任何位置的快捷图标，它将不会显示在Internet Explorer中。我只是将favicon文件移动到index.html的相同位置，并更改了索引中的一行代码以反映该内容。
解决了（反正我的情况）！祝你好运！
答案 5 :(得分：0)
<link rel="icon" href="relative_PATH/favicon.ico">
尝试将所有相对路径放到图标文件
答案 6 :(得分：0)
这绝对无效，因为链接目标不正确。 如果将图标放在网页的同一文件夹中，则将链接更正为以下内容：
<link rel="SHORTCUT ICON" type="image/x-icon" href="./favicon.ico">
这意味着favicon.ico在当前文件夹中。
不过，您可以使用调试器（即chrome调试器）并导航到 网页的源代码，即右键单击图标的链接-> 在新标签页中打开，然后查看其工作原理
答案 7 :(得分：0)
尝试为图像图标添加绝对路径，并使用48x48像素的图像尺寸。
对我有用
<link rel="shortcut icon" type="image/png" href="http://yoursite.com/Content/Images/favicon.png" />