Tipps zum Hinzufügen eines Favicons zu einer Website: ein kleines Symbol vor der URL

Tipps zum Hinzufügen eines Favicons zu einer Website: ein kleines Symbol vor der URL
Das sogenannte Favicon, die Abkürzung für Favorites Icon, heißt auf Chinesisch Website-Avatar. Wie der Name schon sagt, kann es verschiedene Websites durch Symbole unterscheiden und zusätzlich die entsprechenden Titel in den Favoriten des Browsers anzeigen. Natürlich ist das nicht alles, was es zum Thema Favicon zu sagen gibt. Die Anzeige von Favicons variiert je nach Browser: In den meisten gängigen Browsern wie FireFox und Internet Explorer (5.5 und höher) wird das Favicon nicht nur in den Favoriten angezeigt, sondern erscheint auch in der Adressleiste. Benutzer können das Favicon dann auf den Desktop ziehen, um eine Verknüpfung zur Website zu erstellen. Darüber hinaus verfügen Browser mit Registerkarten sogar über zahlreiche erweiterte Funktionen, beispielsweise unterstützt FireFox sogar Favicons in animierten Formaten.

Fügen Sie einfach den folgenden Code zwischen <head></head> ein.

Code kopieren
Der Code lautet wie folgt:

<link href="favicon.ico" mce_href="favicon.ico" rel="Lesezeichen" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="Symbol" Typ="Bild/x-Symbol" />
<link href="favicon.ico" mce_href="favicon.ico" rel="Verknüpfungssymbol" type="image/x-icon" />

Hinweis: Zweck der ersten und dritten Codezeile: Das Icon wird auch unter den Favoriten angezeigt, egal ob es sich um das Explorer-Fenster oder die Favoriten des Browsers handelt.

<<:  Vue3.0 handgeschriebener Karusselleffekt

>>:  Sie müssen wirklich die Verwendung von CSS-Variablen var() verstehen

Artikel empfehlen

Schritte zur Installation von cuda10.1 unter Ubuntu 20.04 (grafisches Tutorial)

Vorbereitung vor der Installation Der Hauptzweck ...

MySQL Serie 13 MySQL-Replikation

Inhaltsverzeichnis 1. Mit der MySQL-Replikation v...

Detaillierte Verwendung von Echarts in vue2 vue3

Inhaltsverzeichnis 1. Installation 2. Verwenden S...

Detaillierter Vue-Code zur Implementierung der Shuttle-Box-Funktion

Vue - Implementierung der Shuttle-Box-Funktion. D...

Führen Sie die Schritte zum Einrichten automatischer Updates in CentOS 8 aus

Das Beste, was Sie für Ihre Daten und Computer tu...

So konvertieren Sie MySQL-Bin-Log-Protokolldateien in SQL-Dateien

mysqlbinlog-Version anzeigen mysqlbinlog -V [--ve...

Eine kurze Diskussion über die Definition und Vorsichtsmaßnahmen von H-Tags

Den Ergebnissen zufolge gibt es für die Definitio...

Verwenden von js zum Implementieren eines einfachen Lichtschaltercodes

Körperteil: <button>Licht ein-/ausschalten&...

js Array-Einträge () Holen Sie sich die Iterationsmethode

Inhaltsverzeichnis 1. Detaillierte Syntax der Met...

Ein wenig bekanntes JS-Problem: [] == ![] ist wahr, aber {} == !{} ist falsch

konsole.log( [] == ![] ) // wahr console.log( {} ...

Der Unterschied und die Verwendung von json.stringify() und json.parse()

1. Unterschiede zwischen JSON.stringify() und JSO...