谷歌浏览器中未显示网站图标答案

【问题标题】：Website Icon Not Showing Up in Google Chrome谷歌浏览器中未显示网站图标
【发布时间】：2017-09-03 04:21:15
【问题描述】：

我已经访问过这些问题，但没有一个对我有用：

Why doesn't my fav icon work in Chrome any more?
Chrome doesn't show the favicon

我的代码

我的网站是http://mikeyaworski.com，这是我用来设置图标的代码：

<head>
    <title>mikeyaworski</title>
    <link 
          rel="shortcut icon" 
          href="http://mikeyaworski.com/myicon.ico" 
          type="image/vnd.microsoft.icon" 
    >   
</head>

这是我的entire code。

我的尝试

不是rel="shortcut icon"我试过rel="icon"
我试过 type="image/vnd.microsoft.icon" 而不是 type="image/x-icon"
我试过 href="http://mikeyaworski.com/myicon.ico" 而不是 href="myicon.ico"

该图标适用于 Mozilla 和 Internet Explorer。该图标在 Google Chrome 中不起作用。有什么想法吗？

【问题讨论】：

你可以在根目录中使用favicon.png（或ico），你甚至不需要任何标记。
@RadGH 我将它放在根目录 (mikeyaworski.com/myicon.ico) 但我网站上的任何其他页面 (mikeyaworski.com/about.html) 不使用该图标，假设是因为它们没有标记.
使用名称favicon.ico，文件名在那里很重要；）

标签： html google-chrome favicon

【解决方案1】：

您的 html 无效，您的浏览器尝试修复它。这样做时，您的链接标签最终会出现在头部之外并被忽略，修复您的 html 它将起作用

<!DOCTYPE>
<html>
  <head>
    <title>mikeyaworski</title>
    <link rel="icon" href="myicon.ico" type="image/vnd.microsoft.icon">

  </head>
  <body>    <!-- body tag should be here -->
    <h1 style="text-align:center;font-family:trebuchet ms;" id="top"><br><br>Hompage</h1>
    <p>
    Coming soon. Until then, view my <a href="http://stackoverflow.com">StackOverflow</a> and other StackExchange profiles:
    </p>

    <a href="http://stackexchange.com/users/2644958">
      <img src="http://stackexchange.com/users/flair/2644958.png?theme=dark" width="208" height="58" alt="profile for mike yaworski on Stack Exchange, a network of free, community-driven Q&A sites" title="profile for mike yaworski on Stack Exchange, a network of free, community-driven Q&A sites">
    </a>


  <body>
</html>
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> -->

【讨论】：

特别是网站中的<body>标签位于<head>标签之前，该标签在Musa的代码中已修复。这是主要问题。空格/缩进/等对浏览器来说并不重要（在大多数情况下，无论如何，文档类型上方永远不要有空格！）。

【解决方案2】：

尝试使用以下代码：

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

或者其他人可以在下面的链接中进行类似的讨论：

local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

更新：或者试试下面的链接： Fix missing favicons on Google Chrome

希望这会有所帮助。谢谢，贾廷

【讨论】：