2017-08-14 58 views
-1

我的问题是我试图插入一个图标。这里是我的代码如下:插入图标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位。这是一个问题吗?并且在清除缓存的同一篇文章中,它已经工作了。为什么?我如何清除缓存?

+0

尝试使用/ ... href =“html/img/favicon.ico” – zynkn

+0

您是否在浏览器的网络标签中看到404,或者您确认浏览器正确地以200 OK ? – Marty

+0

确保您的html文件位于桌面... – Bhuwan

回答

0

,你必须使用下面的代码

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

确保你必须把你的项目资源(图片)到项目文件夹(不在桌面上或任何地方在你的电脑)。然后为该资源写入绝对路径(与机器无关),而不是与机器相关的路径。

0

你的路径语法是错误试试这个,

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

让你的图像或图标中的确切路径你定义那么它会工作。

你也可以做一个像this这样的谷歌搜索,它会给你很多解决方案。