我的网站图标代码不工作....我按照指南中所说的那样做了代码

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, but alas, it's not working... If someone could help me it'd be greatly appreciated... The github pages version can be found here 中获得了代码。

Answer 1

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

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

Answer 2

您已将网站图标的 <link> 标签放在 <body> 标签内，但它需要位于 <head>

Answer 3

需要放在;

之后

<!DOCTYPE html><html lang="en"><head><link class="favi0" rel="icon" href="blah.png" />

你只需要把代码放在(head)后面

我的网站图标代码不工作....我按照指南中所说的那样做了代码

My favicon code isn't working.... I did the code like it said in a guide

html

javascript

favicon

github

github-pages