我正在制作一个 HTML 页面，我想要的东西之一是标题旁边出现一个图标。
我使用的是 Google Chrome，我看到其他网站上的图标可以正常工作，但我网站上的图标不会显示。该网站位于我桌面上名为 site 的文件夹中。
The favicon.ico文件是16x16，我使用在线生成器来制作它。
这是代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
</body>
</html>
既然你有领先/在您的 href 中，您引用的文件将位于根文件夹中。如果您的页面位于计算机上的文件夹中，而不是从本地网络服务器提供服务，则主要/将告诉浏览器查看文件系统的根文件夹。所以浏览器期望文件位于C:/favicon.ico或类似的，这可能不是您所期望的。
如果您有favicon.ico在与网页相同的文件夹中，您可以删除前导斜杠，并且图标应该可见。
<link rel="shortcut icon" href="favicon.ico" />
Update:
作为调试选项，您可以尝试添加一个您知道有效的标签。我从 StackOverflow 源借用了这个片段。尝试用此替换您的链接标签，看看您是否将 SO 徽标作为您的网站图标。
<link rel="shortcut icon"
href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
更新2：
看来有报告了一个错误在 Chromium 上，如果文件是本地加载的，而不是通过网络服务器提供服务，则不会显示网站图标。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
