2017-07-16 49 views
-1

這是我的HTML代碼:爲什麼我的圖標不起作用?

<!doctype html> 
 

 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<link rel="shortcut icon" type="image/x-icon" href="StaticPictures/MyFavicon.ico" /> 
 
<title>Main Page</title> 
 
</head> 
 

 
<body> 
 
</body> 
 
</html>

也:
1)我試圖從網站根補充。
2)我的圖標16X16像素。
3)我從網頁瀏覽器清除緩存。
4)我試圖用(Explorer,Edge,Chrome)加載頁面,但沒有成功。
4)我試圖圖標轉換爲(PNG或GIF),並使用此代碼:

<link rel="icon" type="image/gif" href="favicon.gif" /> 
 
<link rel="icon" type="image/png" href="favicon.png" />

感謝您的幫助。

+0

我意識到,這個問題只有在Dreamweaver編輯器,因爲運行HTML文件或從另一編輯效果很好。 – ISTech

回答

0

請注意,這兩個W3C的HTML5規範和WHATWG規範, 試試這個:

<link rel="shortcut icon" type="image/x-icon" href="/StaticPictures/MyFavicon.ico" /> 

下面是一些你可能會喜歡:https://www.w3.org/2005/10/howto-favicon

2

我有這個問題爲好。您應該能夠通過添加以下代碼到你的JavaScript文件來解決這個問題:

var link = document.createElement('link'); 
link.type = 'image/x-icon'; 
link.rel = 'shortcut icon'; 
link.href = 'StaticPictures/MyFavicon.ico' 
document.getElementsByTagName('head')[0].appendChild(link);