web-dev-qa-db-fra.com

Devez-vous inclure <link rel = "icon" href = "favicon.ico" type = "image / x-icon" />?

Je n'ai pas inclus la ligne de code suivante dans mon balise head, mais mon favicon apparaît toujours dans mon navigateur:

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

Quel est le but de l'inclure?

htmlfavicon
179
user784637

Si vous n'appelez pas le favicon, favicon.ico, vous pouvez utiliser cette balise pour spécifier le chemin d'accès réel (si vous l'avez dans un répertoire images/). Le navigateur/la page Web recherche par défaut favicon.ico dans le répertoire racine.

152
Brian Graham

Vous devriez en fait faire les deux pour que tous les navigateurs trouvent l’icône.

Nommer le fichier "favicon.ico" et le placer à la racine de votre site web est la méthode "déconseillée" du W3C:

Méthode 2 (déconseillée): Mettre le favicon à un URI prédéfini
Une deuxième méthode de spécification d'un favicon consiste à utiliser un URI prédéfini pour identifier l'image: "/ favicon", qui est relative à la racine du serveur. Cette méthode fonctionne car certains navigateurs ont été programmés pour rechercher des favicons utilisant cet URI.
W3C - Comment ajouter un favicon à votre site

Donc, pour couvrir toutes les situations, je le fais toujours en plus de la méthode recommandée pour ajouter un attribut "rel" et le pointer vers le même fichier .ico.

110
siburb

Je l'utilise pour deux raisons:

  1. Je peux forcer une actualisation de l'icône en ajoutant un paramètre de requête, par exemple ?v=2. comme ceci: <link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />

  2. Au cas où je devrais spécifier le chemin.

44
nilsi

Le simple fait de l'ajouter au dossier racine fonctionne à la mode, mais j'ai constaté que si je dois modifier le favicon, la mise à jour peut prendre des jours ... même une actualisation du cache ne fait pas l'affaire.

13
Nicole

De nombreuses personnes définissent leur chemin de cookie sur /. Cela fera en sorte que chaque demande de favicon envoie une copie des cookies des sites, au moins en chrome. Adresser votre favicon à votre domaine sans cookie devrait corriger cela.

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

Selon le volume de trafic généré, il s'agit peut-être de la raison la plus pratique pour ajouter le lien.

Informations sur la création d'un domaine sans cookie:

http://www.ravelrumba.com/blog/static-cookieless-domain/

6
user3907900