Question

好的，我尝试了以下内容：

将favicon.ico（我使用favicon generator制作的.ico）放在根目录中
在我的标题中使用了以下代码：

＆＃13;

<head>
  <link type="text/css" rel="stylesheet" href="stylesheet.css" />
  <link rel="shortcut icon" href="/favicon.ico">
  <title>Kerris Ganeson Illustration</title>
</head>

＆＃13;

我尝试过在线找到的此代码的变体，包括：

＆＃13;

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

＆＃13;

每次尝试新方法时，我都清除了所有浏览器缓存
我还运行了一些在线favicon验证器，告诉我我的favicon确实存在。
当我去kerrisganeson.co.uk/favicon.ico时，我没有收到错误，只是一个空白页

我的网站是www.kerrisganeson.co.uk

（作为一个额外的观点，我网站上的标题似乎不起作用，是否与它有关？我想也许是因为我转发了URL但这可能是另一个问题另一天！还有一个空白区域，其中应该是图标，当网站没有图标时，通常会显示一个小白页。）

我对此非常陌生，并且认为我必须做一些愚蠢的事情，但我不能为我的生活弄清楚什么。任何帮助将不胜感激。

Answer 1

问题在于您（或您的托管）正在使用的框架。

虽然您的网页（http://69.195.124.161/~kerrisga/）已正确设置图标：

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

包含框架（http://www.kerrisganeson.co.uk/）的页面没有正确设置图标：

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

它是空的，这就是你没有看到任何图标的原因。

解决问题：

尽可能避免使用框架集（HTML5不支持框架）
在包含框架集的页面中设置图标

Answer 2

<html>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<title>My title</title>
</head>
</html>

应该可以正常工作。确保你的图标：
- 存在（您的favicon指的是正确的URL）
- 是一种正确的文件格式（尝试使用现有的favicon，例如http://www.redditstatic.com/favicon.ico作为来源，看看是否能解决您的问题）

Favicon：如何在浏览器中显示？

2 个答案: