插入图标HTML不起作用
问题描述:
我的问题是我试图插入一个图标。这里是我的代码如下:插入图标HTML不起作用
<!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有错误的位深度。我的图标的位深度是32位。这是一个问题吗?并且在清除缓存的同一篇文章中,它已经工作了。为什么?我如何清除缓存?
答
,你必须使用下面的代码
<link href="http://example.com/themes/front/images/example-favicon.png" type="image/x-icon" rel="icon" />
确保你必须把你的项目资源(图片)到项目文件夹(不在桌面上或任何地方在你的电脑)。然后为该资源写入绝对路径(与机器无关),而不是与机器相关的路径。
答
你的路径语法是错误试试这个,
<link rel="shortcut icon" type="image/ico" href="../html/img/favicon.ico" size=12x12">
让你的图像或图标中的确切路径你定义那么它会工作。
你也可以做一个像this这样的谷歌搜索,它会给你很多解决方案。
尝试使用/ ... href =“html/img/favicon.ico” – zynkn
您是否在浏览器的网络标签中看到404,或者您确认浏览器正确地以200 OK ? – Marty
确保您的html文件位于桌面... – Bhuwan