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

So verwenden Sie webSocket zum Aktualisieren des Echtzeitwetters in Vue

Inhaltsverzeichnis Vorwort Informationen zu WebSo...

Gestaltung von Popup-Fenstern und schwebenden Ebenen im Webdesign

Im Zuge des schrittweisen Übergangs von herkömmli...

Eine Analyse von Div+Float, einem sehr wichtigen Konzept im Website-Design

Beim Erstellen einer Website treten immer wieder P...

Html+CSS-Zeichnungsdreiecksymbol

Schauen wir uns zunächst die Renderings an: XML/H...

Sprechen Sie über implizite Konvertierung in MySQL

Im Laufe der Arbeit werden Sie auf viele Fälle im...

So installieren Sie MySQL für Anfänger (erwiesenermaßen effektiv)

1. Software-Download MySQL-Download und -Installa...

Einfaches Beispiel für HTML-Textformatierung (ausführliche Erklärung)

1. Textformatierung: Dieses Beispiel zeigt, wie T...