html – 为什么我的favicon链接不起作用?

前端之家收集整理的这篇文章主要介绍了html – 为什么我的favicon链接不起作用?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用这种格式链接到我的favicon.

我的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>

解决方法

根据这个 answer看起来应该是rel =“icon”而不是rel =“快捷图标”.

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

猜你在找的HTML相关文章