我使用这种格式链接到我的收藏夹。
我的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";