以下用于在我的 html 代码中设置 favicon：
<link rel="icon" type="img/ico" href="img/favicon.ico">
但是，图标不显示。为什么？
笔记：
我已确认该文件位于正确路径的磁盘上。
问问题
104642 次
4 回答
68
- 它真的是一个
.ico，还是只是命名为“.ico”？ - 你测试的是什么浏览器？
拥有 favicon 最简单的方法是在根文件夹中放置一个名为“favicon.ico”的图标。这在任何地方都有效，根本不需要代码。
如果必须将它放在子目录中，请使用：
<link rel="shortcut icon" href="/img/favicon.ico" />
请注意/之前的img内容，以确保它锚定到根文件夹。
于 2013-03-16T08:33:52.907 回答
10
尝试这个：
<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
于 2013-03-16T08:19:14.773 回答
7
网站图标仅在从为服务内容正确设置 mime 类型的网络服务器提供时才有效。从本地文件加载可能不适用于 chromium。从配置不正确的 Web 服务器加载将无法正常工作。
必须手动配置诸如 lighthttpd 之类的 Web 服务器以正确设置 mime 类型。
由于 mimetype 分配可能不适用于所有环境，我建议您改用内联base64 编码的ico 文件。这也将加载更快，因为它减少了发送到服务器的 http 请求的数量。
在基于 POSIX 的系统上，您可以使用命令对文件进行 base64 编码base64。
要创建 base64 编码的 ico 行，请使用以下命令：
$ base64 favicon.ico --wrap 0
并将输出插入该行：
<link href="data:image/x-icon;base64,HERE" rel="icon" type="image/x-icon" />
像这样替换单词HERE：
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA////AERpOgA5cCcA7vDtAF6jSABllFcAuuCvAK2trQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjMzMzMzNxARYzMzMzVBEEERYzMzNhERZxRGMzZxQEA2FER3cRSAgTNxgEEREIQBMzFIARERFEEzNhERARFAATMzYREBEAhBMzMzEYEBFEEzMzNhEQQRQDMzMzcRgEAAMzMzNhERgIEzMzMyERgEQDMzMzMRAEgEMzMzMxERAEEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/x-icon" />
于 2018-02-21T11:59:39.670 回答
-1
尝试将profile属性添加到您的head标签并"image/x-icon"用于该type属性：
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
如果上面的代码不起作用，请尝试使用href属性的完整图标路径：
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="http://example.com/img/favicon.ico">
于 2013-03-16T08:30:25.433 回答