以下用于在我的 html 代码中设置 favicon:
<link rel="icon" type="img/ico" href="img/favicon.ico">
但是,图标不显示。为什么?
笔记:
我已确认该文件位于正确路径的磁盘上。
.ico
,还是只是命名为“.ico”?拥有 favicon 最简单的方法是在根文件夹中放置一个名为“favicon.ico”的图标。这在任何地方都有效,根本不需要代码。
如果必须将它放在子目录中,请使用:
<link rel="shortcut icon" href="/img/favicon.ico" />
请注意/
之前的img
内容,以确保它锚定到根文件夹。
尝试这个:
<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
网站图标仅在从为服务内容正确设置 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" />
尝试将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">