Eine Site, die ich mir ansehe, hat die folgenden 2 Links zu ihrem Favicon:
<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />
<link rel="icon" href="/webmasters//favIcon.ico"/>
Frage: Gibt es einen guten Grund, warum Sie das Symbol auf diese beiden leicht unterschiedlichen Arten zweimal angeben würden?
Antworten:
Wie alle wunderbaren Dinge im Web sieht es so aus, als ob IE die Ursache ist:
Verknüpfung ist kein gültiges HTML, nur für IE
quelle
<link rel="shortcut icon"...
Validierungen für HTML4.01 verwenden den W3C-Validator, um dies zu überprüfen, wenn Sie nicht vertrauen. Darüber hinaus befinden sich die HTML5-Spezifikationen noch in der Entwicklung, sodass wir noch nicht wissen, ob sie enthalten sein werden oder nicht. Diese StackExchange-Website verwendet<link rel="shortcut icon"...
auchDer Grund ist die Kompatibilität mit Internet Explorer .
rel="icon"
ist die Art und Weise, wie es in HTML5 oder einem anderen Browser als IE gemacht wird.quelle
/favIcon.ico
...)Wirklich sind beide Zeilen nicht nötig. Sie müssen nur eine favicon.ico-Datei in Ihr Stammverzeichnis legen und es sollte Ihnen gut gehen. Sie können Code wie den oben genannten einfügen, damit das Favicon geladen werden kann, bevor die Seite vollständig geladen ist. Dies ist jedoch unwichtig. Es sieht so aus, als ob der fragliche Code aus Verwirrung erstellt wurde.
quelle
Die folgende Zeile funktioniert in allen Browsern:
Und es ist die einzige Zeile, die auch von StackExchange-Sites verwendet wird (siehe Quellcode auf dieser Seite).
HINWEIS: Der vollständige http-Pfad des Favicons ist erforderlich, um das Symbol im IE anzuzeigen. In allen anderen Browsern benötigen Sie nicht den vollständigen http-Pfad.
quelle