我正在制作一个 HTML 页面,我想要的其中一件事是在标题旁边出现一个图标。
我使用的是 Google Chrome,我看到其他网站上的网站图标可以正常工作,但我网站上的网站图标不会显示。该站点位于我桌面上名为站点的文件夹中。
favicon.ico
文件是 16x16,我使用了在线生成器来制作它。
这是代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
</body>
</html>
原文由 Nick 发布,翻译遵循 CC BY-SA 4.0 许可协议
由于您的 href 中有前导
/
,因此您引用的文件将位于根文件夹中。如果您的页面位于计算机上的文件夹中,而不是从本地网络服务器提供服务,则领先的/
将告诉浏览器查看文件系统的根文件夹。因此浏览器期望文件位于C:/favicon.ico
或类似位置,这可能不是您所期望的。如果
favicon.ico
与网页位于同一文件夹中,则只需删除前导斜线,图标应该可见。更新:
作为调试选项,您可以尝试添加一个您知道有效的标签。我从 StackOverflow 源借用了这个片段。尝试用这个替换你的链接标签,看看你是否得到了 SO 标志作为你的图标。
更新 2:
似乎在 Chromium 上 报告了一个错误,如果文件是在本地加载的,而不是通过网络服务器提供的,则不会显示 favicon。