Un site que je consulte a les 2 liens suivants vers son favicon:
<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />
<link rel="icon" href="/webmasters//favIcon.ico"/>
Question: Y a-t-il une bonne raison pour laquelle vous spécifieriez l'icône deux fois de ces deux manières légèrement différentes?
Réponses:
Comme toutes les choses merveilleuses sur le Web, il semble que IE soit la cause:
Le raccourci n'est pas du code HTML valide, uniquement pour IE
la source
<link rel="shortcut icon"...
valide pour HTML4.01, utilisez le validateur W3C pour vérifier si vous ne faites pas confiance. De plus, les spécifications HTML5 sont toujours en cours de développement, nous ne savons donc pas encore si elles seront incluses ou non. Ce site Web StackExchange utilise<link rel="shortcut icon"...
égalementLa raison en est la compatibilité avec Internet Explorer .
rel="icon"
est la façon dont cela se fait dans HTML5 ou tout autre navigateur que IE.la source
/favIcon.ico
du tout ...)Vraiment, les deux lignes sont inutiles. Vous avez juste besoin de mettre un fichier favicon.ico dans votre répertoire racine et ça devrait aller. Vous pouvez inclure du code comme ci-dessus pour permettre au favicon de se charger avant que le chargement de la page ne soit terminé, mais cela n'a pas d'importance. Il semble que le code en question ci-dessus ait été créé à partir d'une confusion.
la source
La ligne ci-dessous fonctionne dans tous les navigateurs:
Et c'est la seule ligne utilisée également par les sites StackExchange (voir dans cette page le code source)
REMARQUE: le chemin http complet du favicon est nécessaire pour afficher l'icône dans IE, dans tous les autres navigateurs, vous n'avez pas besoin du chemin http complet.
la source