Müssen Sie <link rel = "icon" href = "favicon.ico" type = "image / x-icon" /> einschließen?


205

Ich habe die folgende Codezeile nicht in mein Head-Tag aufgenommen, mein Favicon wird jedoch weiterhin in meinem Browser angezeigt:

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

Was ist der Zweck, es aufzunehmen?

Antworten:


174

Wenn Sie das Favicon nicht aufrufen, favicon.icokönnen Sie dieses Tag verwenden, um den tatsächlichen Pfad anzugeben (falls Sie ihn in einem images/Verzeichnis haben). Der Browser / die Webseite sucht favicon.icostandardmäßig im Stammverzeichnis.


3
oder wenn Sie die
Datei

121

Sie sollten in der Tat beides tun, damit alle Browser das Symbol finden.

Das Benennen der Datei "favicon.ico" und das Einfügen in das Stammverzeichnis Ihrer Website ist die von W3C "entmutigte" Methode:

Methode 2 (entmutigt): Platzieren des Favicons an einem vordefinierten URI
Eine zweite Methode zum Angeben eines Favicons basiert auf der Verwendung eines vordefinierten URI, um das Bild zu identifizieren: "/ favicon", das relativ zum Serverstamm ist. Diese Methode funktioniert, weil einige Browser so programmiert wurden, dass sie mit dieser URI nach Favoriten suchen.
W3C - So fügen Sie Ihrer Site ein Favicon hinzu

Um alle Situationen abzudecken, mache ich das immer zusätzlich zu der empfohlenen Methode, ein "rel" -Attribut hinzuzufügen und es auf dieselbe .ico-Datei zu verweisen.


8
Ja, das ist eine korrektere Antwort. Es gibt keine Standards für das einfache Einfügen eines favicon.icoin das Stammverzeichnis, aber die meisten Browser fordern diese Datei aus historischen Gründen automatisch an.
Fabrício Matté

10
Der richtige Grund dafür ist nicht, dass es in bestimmten Situationen funktioniert , sondern dass die bessere Methode in bestimmten Situationen nicht funktioniert
Jasper

2
Merkwürdigerweise realFaviconGenerator empfiehlt nicht erklären , das Favicon im HTML - Kopf.
Dan Dascalescu

7
Internet Explorer hat das Favicon erfunden und im Stammverzeichnis danach gesucht. AFAIK, alle Browser machen das. Aus diesem Grund empfehle ich, ein favicon.ico in das Stammverzeichnis einzufügen, da es sonst 404 zurückgibt und die meisten Systeme das nicht zwischenspeichern ... also fordert es es weiterhin an. Wenn Sie dort ein Symbol einfügen, wird es ordnungsgemäß zwischengespeichert.
Stijn de Witt

50

Ich benutze es aus zwei Gründen:

  1. Ich kann eine Aktualisierung des Symbols erzwingen, indem ich beispielsweise einen Abfrageparameter hinzufüge ?v=2. so was: <link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />

  2. Falls ich den Pfad angeben muss.


Genial, endlich herausgefunden, warum es nicht gezeigt wurde!
Whamsicore

Ich bin sicher, dass dies nur ein Tippfehler war, aber Sie haben dort einen relativen href, was bedeutet, dass es nicht funktioniert, es sei denn, alle Ihre Seiten befinden sich auf der obersten Ebene oder Sie haben eine favicon.ico-Datei in jedem Unterverzeichnis.
Chris Cogdon

Zu Ihrer Information für spätere Leser wurde Chris Cogdons Kommentar in der Bearbeitung "9. September 16 um 5:05 Uhr" korrigiert, also kein Problem mehr
Daryn

13

Das einfache Hinzufügen zum Stammordner funktioniert auf eine Art und Weise, aber ich habe festgestellt, dass das Aktualisieren des Favicons Tage dauern kann, wenn ich es aktualisieren muss ... selbst eine Cache-Aktualisierung reicht nicht aus.


Vergessen Sie nicht, Strg-C & Neu zu erstellen.
Jason Glass vor

9

Viele Leute setzen ihren Cookie-Pfad auf /. Dadurch wird bei jeder Favicon-Anfrage eine Kopie der Site-Cookies gesendet, zumindest in Chrome. Wenn Sie Ihr Favicon an Ihre Cookieless-Domain adressieren, sollte dies korrigiert werden.

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

Abhängig davon, wie viel Verkehr Sie erhalten, kann dies der praktischste Grund für das Hinzufügen des Links sein.

Infos zum Einrichten einer Domain ohne Cookies:

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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.