Question

我的问题是我尝试插入一个图标。以下是我的代码：

<!DOCTYPE html>
<html>

<head>
<title> My Channel</title>
<link rel="shortcut icon" type="image/ico" href="html\img\favicon.ico" size=12x12">
</head>
<body>
</body>
</html>

我认为定义href时会出错。我知道href用于指定位置。我的favicon的位置在桌面上，位于名为html的文件夹中，位于img文件下。但是当我在浏览器中运行时（我使用的是Edge，Chrome和Firefox），它无效。任何人都可以解释为什么会这样吗？

我在另一个stackoverflow帖子中读到，由于favicon的位深度错误，它可能无法正常工作。我的favicon的位深度是32位。这是一个问题吗？清除缓存时，同样的帖子也有效。为什么？如何清除缓存？

Answer 1

你必须使用以下代码

<link href="http://example.com/themes/front/images/example-favicon.png" type="image/x-icon" rel="icon" />

确保您必须将项目资源（图像）放入项目文件夹（而不是桌面或PC中的任何位置）。然后为该资源编写绝对路径（机器无关），而不是机器相关路径。

Answer 2

你的路径语法错误试试这个，

<link rel="shortcut icon" type="image/ico" href="../html/img/favicon.ico" size=12x12">

将您的图片或图标放在您定义的确切路径中，然后它就能正常工作。

你也可以像this一样进行谷歌搜索，这将为你提供很多解决方案。

插入favicon HTML不起作用

2 个答案: