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

Question

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

我已经访问了这些问题,但没有一个答案对我有用:

我的守则

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

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

Run Code Online (Sandbox Code Playgroud)

这是我的整个代码.

我试过的

而不是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中无法使用.有任何想法吗？

Answer 1

Mus*_*usa 5

您的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"> -->

Run Code Online (Sandbox Code Playgroud)

具体来说,网站中的`<body>`标签位于`<head>`标签之前,该标签已在Musa的代码中修复.这是主要问题.空格/缩进/等对浏览器来说并不重要(在大多数情况下,无论如何,在doctype之上永远不会有空格!). (2认同)

归档时间：	11 年，9 月前
查看次数：	23274 次
最近记录：	8 年，1 月前