gpt4 book ai didi

HTML Favicon.ico 不会在 Google Chrome 上显示

转载 作者:技术小花猫 更新时间:2023-10-29 11:35:10 25 4
gpt4 key购买 nike

我正在制作一个 HTML 页面,我想要的其中一件事是在标题旁边出现一个图标。

我使用的是 Google Chrome,我看到其他网站上的网站图标可以正常工作,但我网站上的网站图标不会显示。该网站位于我桌面上名为 site 的文件夹中。

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" />

更新:

作为调试选项,您可以尝试添加一个您知道有效的标签。我从 StackOverflow 源借用了这个片段。尝试用这个替换你的链接标签,看看你是否得到了 SO 标志作为你的图标。

<link rel="shortcut icon" 
href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

更新 2:

似乎有 a bug reported在 Chromium 上,如果文件是在本地加载的,而不是通过网络服务器提供的,则不会显示 favicon。

关于HTML Favicon.ico 不会在 Google Chrome 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13780402/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com