即使清除缓存后 Favicon 也不显示

Favicon not showing even after cache cleared

由于某种原因,网站图标没有显示。网站是 gracedli.com.

您可以在 gracedli.com/favicon.ico 看到图标,我添加它的代码是(目前仅在 index.html):

<link rel="icon" href="favicon.ico" />

我已经清除了缓存并使用了多种不同的浏览器,但我这辈子都弄不明白。希望得到一些帮助(所有内容都是用纯 HTML/CSS 编写的,因此您可以在 link 处查看完整代码)。非常感谢!

您的网站图标未显示的常见原因

  1. 检查文件路径:您需要确保您的网站图标的文件路径是正确的。
  2. favicon 的 link 不在正确的位置:重要的是将 link 添加到网页的头部。
  3. 语法错误:link 图标中的一个小语法错误可能会导致您的图标不显示。
  4. 当 favicon 文件在根目录中,而不是 linked : 始终将 favicon 放在根目录中,并将其命名为 favicon.ico。几乎所有现代浏览器都默认查找 /favicon.ico,但请确保您的 head 部分中有这些 link:
  • link rel="快捷方式图标" href="favicon.ico" type="image/x-icon" />
  • link rel="书签" href="favicon.ico" type="image/x-icon" /> 因为很多时候只是因为favicon文件在你的根目录下,并不代表它会自动识别。
  1. 您的浏览器已将您的网站缓存为没有网站图标的网站:可能是您的浏览器已将您的网站“保存”为没有网站图标的网站。您需要清除浏览器中的缓存或使用其他浏览器。 可能有助于解决问题……

非常感谢 Timmy Chan(在问题的评论中)注意到这一点,但我将我的标签放在 <header> 而不是 <head> 中。一旦我移动它们,它就起作用了!

您已将 <head> 的内容放入 <header> 中。将它们移至 ,这可能会解决您的问题。