为什么我的收藏夹链接不起作用



我使用这种格式链接到我的收藏夹。

我的favicon.ico文件与HTML文件位于同一目录中,但由于某些原因,当我将其上传到web服务器时,它不会出现。我清除了缓存,关闭了浏览器,然后重新打开,但收藏夹图标仍然不会出现。

如果有人能解释为什么会这样,我会非常感激

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

编辑:我也不知道这是否会影响它,但我的网络服务器上出现了一个默认的收藏夹图标。我不知道是否可以覆盖此内容。

编辑2:不确定这是否有区别,但这是我大脑的基本结构。

<head>
        <meta charset="utf-8">
        <meta name="author" content="">
        <meta name="description" content="Home">
        <link rel="icon" type="image/x-icon" href="/favicon.ico">
        <title></title>
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  
    </head>

根据这个答案,它看起来应该是rel="icon"而不是rel="shortcut icon"

此外,如果您的favicon.ico位于服务器http://example.com/favicon.ico的根目录,并且您的页面位于子目录http://example.com/blog/中,则浏览器将尝试在当前目录http://example.com/blog/favicon.ico中搜索favicon.ico,这将导致404错误;为了避免这种情况,您应该设置href="/favicon.ico",使其始终指向根目录,无论您在哪个子目录中。

它们通常被缓存。强制刷新。从目录中获取

有时/favicon.ico会有所帮助。试试这个:

<link rel= "shortcut icon" media="all" type="image/x-icon" href="http://URL.tld/favicon.ico" />
<link rel= "icon" media="all" type="image/vnd.microsoft.icon" href="http://URL.tld/favicon.ico" />

这增加了对IE的支持。

基于类型的属性值。

<链接rel=";快捷方式图标"type=";图像/x-图标"href="favicon.ico">

1-在yout根目录上创建一个图像文件夹(与index.html相同),然后将你的favicon.ico放在这个文件夹中。

2-ref=";image/favicon.ico";

最新更新