html – 为什么我的favicon链接不起作用？_html-js-css

概述我使用这种格式链接到我的favicon. 我的favicon.ico文件与我的HTML文件位于同一目录中,但出于某种原因,当我将其上传到我的Web服务器时它不会出现.我清除了缓存,关闭了我的浏览器,然后重新打开它,但仍然没有显示图标. 如果有人能解释为什么会这样,我会非常感激. <link rel="shortcut icon" type="image/x-icon" href="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 – 为什么我的favicon链接不起作用？全部内容，希望文章能够帮你解决html – 为什么我的favicon链接不起作用？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1141498.html