Question

所以我正在使用Github托管为我的朋友建立一个网站，我希望它有一个图标。我已经实现了这段代码：

<!--Favicon-->
    <!-- Opera Speed Dial Favicon -->
  <link rel="icon" type="image/png" href="favicon.png" />

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

<!-- For iPhone 4 Retina display: -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon.png">

<!-- For iPad: -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon.png">

<!-- For iPhone: -->
  <link rel="apple-touch-icon-precomposed" href="favicon.png">

但每当我打开页面时，都没有图标。我从本指南here获得了代码，但是唉，它不起作用......如果有人可以帮助我，我会非常感激...可以找到github页面版本{ {3}}。

Answer 1

我从Firefox访问了该网站，并且正确显示了favicon。当我在Chrome中访问时，尝试打开文件＆＃39; /favicon.ico'时发生错误。这是因为某些浏览器会忽略href标记内的url并仅搜索名为＆＃39; /favicon.ico'的文件。在根目录中。因此，要解决您的问题，只需创建一个名为＆＃34; favicon.ico＆＃34;在根目录中，替换link标记中的url，所有浏览器都将识别favicon。像这样：

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

Answer 2

您已在<link>标记内添加了favicon的<body>标记，但它必须位于<head>

我的favicon代码不起作用....我按照它在指南中所说的那样编写了代码

2 个答案: