2017-08-14 56 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這樣的谷歌搜索,它會給你很多解決方案。