Façon préférée d’utiliser les favicons ?
-
08-06-2019 - |
Question
J'essayais plus tôt d'ajouter un favicon à un site Web et je cherchais un meilleur moyen de l'implémenter que de vider un favicon. favicon.ico
fichier à la racine du site Web.
J'ai trouvé ce petit guide sympa : Comment ajouter une favicon.Cependant, la méthode préférée n'a pas fonctionné dans IE (7) et la deuxième méthode est l'ancienne méthode (que je me suis résigné à utiliser).
Existe-t-il une troisième méthode qui fonctionne sur tous les navigateurs les plus populaires ?
La solution
C'est ce que j'utilise toujours :
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Le second est pour IE.Le premier est destiné aux autres navigateurs.
Autres conseils
Vous pouvez utiliser HTML pour spécifier le favicon, mais cela ne fonctionnera que sur les pages contenant ce code HTML.Une meilleure façon de procéder consiste à ajouter ce qui suit à votre httpd.conf (Apache) :
AddType image/x-icon .ico
Je pense que la méthode la plus fiable consiste simplement à ajouter le favicon.ico fichier à la racine de votre site Web.
Je ne pense pas qu'une balise méta soit nécessaire à moins que vous souhaitiez remplacer manuellement le favicon par défaut, mais je n'ai trouvé aucune recherche pour étayer mon argument.
Voici comment ils procèdent ici sur Stack Overflow :
<link rel="shortcut icon" href="/favicon.ico" />
Eh bien, le fichier se trouve à la racine, il n'indique donc pas si la balise fonctionne ou si le navigateur vient de recevoir l'icône à l'emplacement habituel (la racine).
Modifier: Je vais l'essayer et voir si ça marche.
Modifier 2 : L'utilisation des deux balises permet de le faire fonctionner même pour n'importe quel nom de fichier, à condition que le fichier soit une icône pour IE7 :J'ai essayé d'utiliser .png
fichiers et cela ne fonctionnait qu'avec Firefox.