web-dev-qa-db-fra.com

La favicon HTML ne sera pas affichée sur Google chrome

Je crée une page HTML non publiée et que je viens de commencer. La première chose que je voulais faire était d’ajouter un favicon à côté du titre. J'utilise google chrome et j'ai remarqué que d'autres sites Web ont des favicons qui apparaissent à côté du titre dans le navigateur, mais le mien ne s'affiche pas. Je suis nouveau dans les favicons. Le site est dans un dossier sur mon bureau nommé site. C'est le code:

<!DOCTYPE html>
<html> 
    <head>
        <title></title>
        <link rel="shortcut icon" href="favicon.ico" />
    </head>
    <body>
    </body>
</html>
htmllinksfavicon
3
Nick

Si je vous ai bien compris, votre site Web ne se trouve pas sur un serveur Web de votre ordinateur? Si vous accédez à votre site avec quelque chose comme ceci file:///C:/Users/Me/Desktop/mysite.html, vous n'êtes pas sur un serveur Web et vous en aurez besoin d'un pour accéder à votre site avec quelque chose comme ceci http://localhost/mysite.html.

La raison en est que Chrome semble avoir des problèmes de chargement de fichiers favicon lorsque votre site n'est pas dans un environnement de serveur Web (ne me demandez pas pourquoi, je ne sais vraiment pas). Je viens de tester votre page sur mon bureau sous Chrome et cela ne fonctionne pas. Après cela, j'ai testé sur mon serveur Web localhost et tout fonctionne.

Si vous n'êtes pas familier avec les serveurs Web, je vous conseillerais celui-ci si vous êtes sur Windows serveur WAMP .. Il devrait y avoir des informations sur la manière de l'installer (c'est en fait assez facile). Ensuite, vous pourrez placer les fichiers de votre site Web dans le "dossier HTML public" du serveur Web (C:/wamp/www/ dans ce cas) et accéder à votre site Web avec http://localhost/.

Bonne chance :)

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

Essaye ça.

Assurez-vous également qu'il pointe vers le bon emplacement et que le fichier d'icône peut également être affiché dans d'autres navigateurs.

S'il ne s'affiche pas non plus dans un autre navigateur, vous n'avez probablement pas de fichier .ico valide ni de pointeur vers le mauvais emplacement.

0
riseagainst