So zeigen Sie ein kleines Symbol vor der Browser-URL an
|
Wenn Sie viele Websites durchsuchen, werden Sie feststellen, dass sich vor der Adressleiste des Browsers ein kleines Symbol befindet und sich auch in der Registerkartenposition des Browsers ein kleines Symbol befindet. Beispielsweise haben Baidu, Tencent und andere Websites solche Symbole. Möchten Sie Ihrer Website ein kleines Symbol wie dieses hinzufügen? Mit diesem kleinen Symbol fällt Ihre Website stärker auf als andere und erregt mehr Aufmerksamkeit. PHOTOSHOP, FLASHFXP, Notepad müssen ein kleines Symbol im ICO-Format erstellen. Schritte/Methoden: 1. Erstellen Sie mit PHOTOSHOP ein kleines Symbol mit einer Breite und Höhe von 32 Pixeln. Speichern Sie es nach Abschluss der Erstellung im ICO-Format. 2. Laden Sie die Webseite mit FLASHFXP auf Ihren lokalen Computer herunter und erstellen Sie vorsichtshalber eine Sicherungskopie. Öffnen Sie den Quellcode der Webseite mit Notepad. 3. Suchen Sie den Kopfteil des Quellcodes der Webseite und fügen Sie den folgenden Code in den Kopfteil ein. Beachten Sie, dass die Adresse in href die Adresse ist, unter der Sie das ICO-Symbol speichern. Schreiben Sie sie entsprechend dem Speicherort auf Ihrer Website. <link rel="Verknüpfungssymbol" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="Bildschirm" /> 4. Laden Sie die geänderte Webseitendatei auf den virtuellen Host hoch und speichern Sie die fertige ICO-Datei anschließend im Bilder-Websiteverzeichnis des virtuellen Hosts. 5. Mission erfüllt! Öffnen Sie den IE-Browser und geben Sie Ihre URL ein, um es zu versuchen? Gibt es schon ein kleines Icon? Das Format des kleinen Symbols muss ICO-Format sein und die Breite und Höhe betragen jeweils 32 Pixel. Wenn Sie das kleine Symbol nach den obigen Schritten nicht sehen können, leeren Sie bitte den Cache des IE-Browsers. Nach dem Leeren des Caches können Sie das kleine Symbol sehen. Der Speicherort des kleinen Icons muss mit dem Speicherort im Code übereinstimmen, sonst kann es nicht angezeigt werden. |
<<: Erstellen eines Redis-Clusters auf Docker
>>: Design Association: Warum haben Sie am falschen Ort gesucht?
Artikel empfehlen
Beispielcode für ein Mysql-SQL-Überwachungsskript für langsame Abfragen
1. Ändern Sie my.cnf #Der Gesamteffekt besteht da...
jQuery implementiert Warenkorbfunktion
In diesem Artikelbeispiel wird der spezifische Co...
25 CSS-Frameworks, Tools, Software und Vorlagen geteilt
Kobold-Kuh herunterladen CSS-Fussel herunterladen...
Detailliertes Tutorial zur Tomcat-Installation und -Bereitstellung in Windows 10
Inhaltsverzeichnis 1 Konfiguration der Java-Umgeb...
Detaillierte Schritte zum Bereitstellen von SpringBoot-Projekten mit Docker in Idea
Vorwort Projektanforderungen: Installieren Sie da...
Grafisches Tutorial zum Konfigurieren eines Protokollservers unter Linux
Vorwort Dieser Artikel stellt hauptsächlich die r...
Größe von PNG-Bildern mit CSS-Maske deutlich optimieren (empfohlen)
Dieser Artikel darf gerne geteilt und zusammengef...
So stellen Sie eine einzelne Datenbank oder Tabelle in MySQL wieder her und mögliche Fallstricke
Vorwort: Das am häufigsten verwendete logische My...
So importieren Sie chinesische Daten in Navicat für SQLite in CSV
In diesem Artikel erfahren Sie zu Ihrer Informati...
Bringen Sie Ihnen bei, wie Sie eine Reaktion aus HTML implementieren
Was ist React React ist eine einfache JavaScript-...
Detaillierte Verwendung von Echarts in vue2 vue3
Inhaltsverzeichnis 1. Installation 2. Verwenden S...
Implementierung der Positionierung von CSS-Unterelementen relativ zu übergeordneten Elementen
Lösung Fügen Sie position:relative zum übergeordn...
URL-Rewrite-Modul 2.1 URL-Rewrite-Modul – Regeln schreiben
Inhaltsverzeichnis Voraussetzungen Einrichten ein...
Zusammenfassung der Erfahrungen mit der Entwicklung von HTML+CSS-Projekten (empfohlen)
Ich habe mein Blog seit mehreren Tagen nicht aktu...
Ursachen und Lösungen für den Nginx 502 Bad Gateway-Fehler
Der Nginx 502 Bad Gateway-Fehler ist mir schon me...