即使清除缓存后 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 处查看完整代码)。非常感谢!
您的网站图标未显示的常见原因
- 检查文件路径:您需要确保您的网站图标的文件路径是正确的。
- favicon 的 link 不在正确的位置:重要的是将 link 添加到网页的头部。
- 语法错误:link 图标中的一个小语法错误可能会导致您的图标不显示。
- 当 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文件在你的根目录下,并不代表它会自动识别。
- 您的浏览器已将您的网站缓存为没有网站图标的网站:可能是您的浏览器已将您的网站“保存”为没有网站图标的网站。您需要清除浏览器中的缓存或使用其他浏览器。
可能有助于解决问题……
非常感谢 Timmy Chan(在问题的评论中)注意到这一点,但我将我的标签放在 <header>
而不是 <head>
中。一旦我移动它们,它就起作用了!
您已将 <head>
的内容放入 <header>
中。将它们移至 ,这可能会解决您的问题。
由于某种原因,网站图标没有显示。网站是 gracedli.com.
您可以在 gracedli.com/favicon.ico 看到图标,我添加它的代码是(目前仅在 index.html):
<link rel="icon" href="favicon.ico" />
我已经清除了缓存并使用了多种不同的浏览器,但我这辈子都弄不明白。希望得到一些帮助(所有内容都是用纯 HTML/CSS 编写的,因此您可以在 link 处查看完整代码)。非常感谢!
您的网站图标未显示的常见原因
- 检查文件路径:您需要确保您的网站图标的文件路径是正确的。
- favicon 的 link 不在正确的位置:重要的是将 link 添加到网页的头部。
- 语法错误:link 图标中的一个小语法错误可能会导致您的图标不显示。
- 当 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文件在你的根目录下,并不代表它会自动识别。
- 您的浏览器已将您的网站缓存为没有网站图标的网站:可能是您的浏览器已将您的网站“保存”为没有网站图标的网站。您需要清除浏览器中的缓存或使用其他浏览器。 可能有助于解决问题……
非常感谢 Timmy Chan(在问题的评论中)注意到这一点,但我将我的标签放在 <header>
而不是 <head>
中。一旦我移动它们,它就起作用了!
您已将 <head>
的内容放入 <header>
中。将它们移至 ,这可能会解决您的问题。