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

Docker-Container-Protokollanalyse

Containerprotokolle anzeigen Verwenden Sie zunäch...

Beispiel für die MySQL-Methode zum Löschen von Daten und Datentabellen

Es ist sehr einfach, Daten und Tabellen in MySQL ...

Erfahren Sie schnell, wie Sie mit der Vuex-Statusverwaltung in Vue3.0 beginnen

Vuex ist ein speziell für Vue.js-Anwendungen entw...

Detaillierte Erklärung der CSS-Stil-Kaskadierungsregeln

Der Syntaxstil der CSS-Stilregel ist die Grundein...

Implementierung der schnellen Projektkonstruktion von vue3.0+vant3.0

Inhaltsverzeichnis 1. Projektkonstruktion 2. Vue3...

So verwenden Sie vite zum Erstellen einer Vue3-Anwendung

1. Installation Tipp: Derzeit gibt es kein offizi...

Konfigurationsprozess für die MySQL-Master-Slave-Replikation

Konfiguration der Hauptbibliothek 1. Konfiguriere...

So verwenden Sie MySQL „group by“ und „order by“ gemeinsam

Angenommen, es gibt eine Tabelle: Belohnung (Belo...

Tutorial-Diagramm zur Installation von Zabbix2.4 unter Centos6.5

Die feste IP-Adresse des Centos-DVD1-Versionssyst...