Anweisung 1: <Link Rel = Shortcut -Symbol href = favicon.ico />
Anweisung 2 <Link rel = icon href = animated_favicon.gif type = image /gif />
HINWEIS: Das Anweisungs -Verknüpfungssymbol ist das Symbol, das vor der URL -Spalte angezeigt wird.
FRAGE: Was ist die Funktion des Symbols von Anweisung 2? Was ist der Unterschied zwischen Aussage 1?
Führung
In der Vergangenheit haben Website -Designer und Entwickler eine Vielzahl von Methoden eingesetzt, um die Entstehung von Favicon zu gewährleisten. Es ist schwierig, ausdrücklich sicherzustellen, dass Favicon auch mit derselben Version eines Browsers auf allen Computern angezeigt werden kann.
Eine weitere Einschränkung des folgenden Code ist, dass er Favicon einem bestimmten HTML- oder XHTML -Dokument assoziiert. Um dies zu vermeiden, sollte die Datei favicon.ico in das Stammverzeichnis platziert werden. Die meisten Browser erkennen und verwenden es automatisch.
Es wird empfohlen, die folgenden zwei Zeilen des HTML -Codes einzuschließen:
CODE:
<link rel = Shortcut -Symbol href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
Es ist jedoch nur die erste Zeile erforderlich, da die Abkürzungs-Symbolzeichenfolge von den meisten standardmäßigen Browsern als Auflistung möglicher Schlüsselwörter erkannt wird (Verknüpfung wird ignoriert und nur Symbole gelten). und Internet Explorer verwendet es als separater Name (Verknüpfungssymbol). Das Ergebnis davon ist, dass alle Browser diesen Code verstehen können. Es ist nur notwendig, eine zweite Zeile hinzuzufügen, wenn Sie ein anderes alternatives Bild (z. B. ein animiertes GIF) für den neuen Browser bereitstellen möchten.
In HTML muss sich das Link -Element im Kopfelement (zwischen <kopf> und </head>) befinden.
Für XHTML muss der Link End (OR>/Link>) verwenden und kann das Ende nicht verwenden.
HREF kann, aber nicht, auf die Lage von /favicon.ico hinweisen. Es kann auf jede URL verweisen.
Bilder können normalerweise jedes vom Browser unterstützte Bildformat verwenden.
Das .ICO -Dateiformat kann normalerweise von allen Browsern gelesen werden, die Favicon anzeigen können.
Richten Sie den Server ein, um die richtige MIME -ID zu senden:
ICO-Datei Image/vnd.microsoft.icon (oder Bild/X-ICON kann auch aus Kompatibilitätsgründen verwendet werden. Es ist jedoch besser, den IANA-registrierten MIME-Typ zu verwenden, da die meisten Mainstream-Browser es jetzt unterstützen).
GIF -Dateibild/GIF
PNG -Dateibild/PNG
Verwenden Sie eine angemessene Auflösung und Farbtiefe.
ICO: Enthält mehrere Auflösungen (am häufigsten verwendeten 16 × 16 und 32 × 32, Mac OS X verwendet manchmal 64 × 64 und 128 × 128) und Bittiefe (Bits pro Pixel) (hauptsächlich 4, 8, 24 BPP, d. H. 16, 256 und 16 Millionen Farben).
GIF: Verwenden Sie 16 × 16, 256 Farben.
PNG: Verwenden Sie 16 × 16, 256 Farben oder 24 Bit.
Hinweis: Wenn Favicon.ICO in das Dokument -Root -Verzeichnis platziert wird, wird es von einigen Browsern gefunden, die das Link -Element nicht verarbeiten, auch wenn auf Ihrer Website kein Link dazu vorliegt.
Standardisierung
Die Favicon -Funktion wurde erstmals von Microsoft erstellt, und der Internet Explorer -Webbrowser von Microsoft fordert Favicon für jede Website an. Microsoft unterstützte Link-Tags entsprechen den HTML-Empfehlungen des World Wide Web Consortium (W3C, World Wide Web Consortium) nicht, da:
Das REL -Attribut muss eine Liste von Link -Typen enthalten, die Leerzeichen als Grenzwerte verwenden, sodass ein Link -Typ mit zwei Wörtern nicht von Standardbrowsern verstanden werden kann.
Der .ICO -Dateityp (ein Rasterformat für Symbole auf Microsoft Windows) hat keinen registrierten MIME -Typ, und es scheint, dass die meisten Browser zu diesem Zeitpunkt nicht verstanden werden können. Im Jahr 2003 wurde dieses Format jedoch bei IANA registriert, und sein MIME -Typ ist Bild/vnd.microsoft.icon, wodurch der erste Teil dieses Problems beseitigt wird.
Die Nutzung des reservierten Standorts auf der Website widerspricht der Architektur des World Wide Web und wird auch als Link -Hocke oder Uri -Hocke angesehen.
Der Mozilla Browser unterstützt Favicon durch eine Methode, die den Webstandards entspricht. Es dauert Rel = Symbol und ermöglicht es Webdesignern, Favicon in jedem unterstützten Bildformat hinzuzufügen. Zum Beispiel <link rel = icon type = image/png href =/path/image.png>. Angesichts der Tatsache, dass diese Funktion für alle neuen Inhalte verwendet wird, haben die meisten Browser Unterstützung für diese Funktion hinzugefügt.