Icône de ce site web ne s'affiche Pas dans Google Chrome

J'ai visité ces questions et aucune réponse n'a fonctionné pour moi:

Pourquoi ne pas mon fav icône de travailler dans Chrome?

Chrome n'affiche pas le favicon

Mon Code

Mon site est http://mikeyaworski.com et c'est le code que j'utilise pour mettre mon icône:

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

C'est mon tout le code.

Ce que j'ai Essayé

  • Au lieu de j'ai essayé
  • Au lieu de type="image/vnd.microsoft.icon" j'ai essayé type="image/x-icon"
  • Au lieu de href="http://mikeyaworski.com/myicon.ico" j'ai essayé href="myicon.ico"

L'icône fonctionne sous Mozilla et Internet Explorer. L'icône ne fonctionne pas sous Google Chrome. Des idées?

Vous pouvez simplement utiliser favicon.png (ou ico) dans le répertoire racine, vous n'avez même pas besoin de n'importe quelle balise.
Je l'ai dans le répertoire racine (mikeyaworski.com/myicon.ico) mais toutes les autres pages de mon site (mikeyaworski.com/about.html) n'utilisez pas l'icône, assumingly parce qu'ils n'ont pas le balisage.
Utiliser le nom favicon.ico, le nom de fichier est important 😉

OriginalL'auteur Michael Yaworski | 2014-01-22

  1. 5

    Votre code html n'est pas valide et que votre navigateur tente de fixer. En agissant ainsi, votre balise de lien se termine à l'extérieur de la tête et est ignoré, corriger votre code html et elle travaillera

    <!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  href="favicon.ico" type="image/x-icon"> -->
    Plus précisément le <body> balise dans le site web vient avant le <head> tag, qui a été fixée dans la Musa du code. C'est la grande question. Les espaces / indentation / etc n'est pas important pour le navigateur (Dans la plupart des cas, de toute façon, n'ont jamais d'espace blanc au-dessus de la doctype!).
    Ouais je l'ai écrit dans l'urgence et je n'ai pas remarqué mon body tag a pas lieu d'être. Je suis surpris qu'il a travaillé toute façon, considérant qu'il a travaillé sur navigateurs. Merci.

    OriginalL'auteur Musa

  2. 0

    Essayez d'utiliser le code suivant:

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

    Ou bien avoir un aller sur le lien ci-dessous avec la discussion similaire:

    local (file://) site web de favicon fonctionne dans Firefox, pas dans Chrome ou Safari - pourquoi?

    Mise à jour:
    Ou bien donner un lien d'un essai:
    Fixer manquant sur l'icone Google Chrome

    Espère que cette aide.
    Merci,
    Jatin

    OriginalL'auteur Jatin