当我从Dreamweaver编辑器在浏览器中运行视图时,为什么我的Favicon图标不显示?

时间:2017-07-16 20:29:49

标签: html html5 favicon

这是我的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>
&#13;
&#13;
&#13;

也:
1)我试图从网站root添加。
2)我的图标16X16像素。
3)我从网络浏览器清理了缓存。
4)我试图用(Explorer,Edge,Chrome)加载页面,但没有成功 4)我尝试将图标转换为(PNG或GIF)并使用此代码:

&#13;
&#13;
<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="icon" type="image/png" href="favicon.png" />
&#13;
&#13;
&#13;

感谢您的帮助。

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

请注意W3C的HTML5规范和WhatWG标准化, 试试这个:

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

您可能会喜欢以下内容:https://www.w3.org/2005/10/howto-favicon