我不明白将我的网站图标添加到我的网站的 HTML 代码有什么问题?



这是我的代码:

<link 
rel = "shortcut icon" 
type = "image/x-icon" 
href = "C:/Users/SOMEBODY/Desktop/SOME FOLDER/ANOTHER FOLDER/favicon.ico"/>

我的收藏夹也和我的网站放在同一个文件夹里。当我打开.HTML文件时,它不会显示图标。顺便说一句,我的网站没有发布到网上。

如果faviconHTML文件位于同一文件夹中,则可以使用类似以下的相对路径

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

我认为这个问题与路径C:/Users/SOMEBODY/Desktop/SOME FOLDER/ANOTHER FOLDER/favicon.ico有关,您应该转义该路径的所有space,以便对其进行正确解释。

您还应该使用file协议引用绝对文件,如

<link rel="shortcut icon" href="file://C:/Users/SOMEBODY/Desktop/SOME FOLDER/ANOTHER FOLDER/favicon.ico"/>

我也面临同样的问题,我所做的是:

  • 通过选择地址或拖动在浏览器上打开.ico文件
  • 然后选择图像url,将其粘贴到您的html文件中
    这次应该行得通。虽然,它们看起来应该是一样的,但事实并非如此
    请记住,如果favicon存储在本地,Mozilla Firefox有时不会加载favicon

最新更新