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
Detailliertes Beispiel für die Verkettung mehrerer Felder in MySQL
Das Zusammenführen von Zeilen- und Feldergebnisse...
Verwenden Sie die vertikale Ausrichtung, um Eingabe und Bild auszurichten
Wenn Sie Eingabe und Bild in dieselbe Zeile setzen...
Welcher Befehl eignet sich besser für die unscharfe Suche nach Dateien in Linux?
1. Einleitung In diesem Artikel wird hauptsächlic...
Perfekte Lösung für das Problem, unter Windows 10 nicht auf den Port des Docker-Containers zugreifen zu können
Beheben Sie das Problem, dass unter Windows 10 ke...
Detaillierte Erläuterung der Reihenfolge der MySQL-Abfrageergebnisse gemäß der Reihenfolge der ID in in ()
Detaillierte Erläuterung der Reihenfolge der MySQ...
iview implementiert dynamische Formulare und eine benutzerdefinierte Überlappung der Überprüfungszeiträume
Formularelemente dynamisch hinzufügen Das dynamis...
Eine kurze Erläuterung des Navigationsfensters in Iframe-Webseiten
Eine kurze Erläuterung des Navigationsfensters in...
So lösen Sie das Problem des Befehlsfehlers, der durch das Überschreiben des ursprünglichen Pfads und die Meldung „Befehl nicht gefunden“ verursacht wird
Ein Kollege bat mich, ihm dabei zu helfen, heraus...
12 Javascript-Tabellensteuerelemente (DataGrid) sind aussortiert
Wenn die DataSource-Eigenschaft eines DataGrid-Ste...
Detaillierte Erklärung des Problems bei der Kombination von CSS-Ellipsen und -Auffüllungen
Textkürzung mit CSS Beachten Sie den folgenden Co...
Verwendung von Vue3-Seiten, Menüs und Routen
Inhaltsverzeichnis 1. Klicken Sie auf das Menü, u...
So installieren Sie Grafana und fügen Influxdb-Überwachung unter Linux hinzu
Installieren Sie Grafana. Die offizielle Website ...
Was ist der Unterschied zwischen HTM und HTML? Was ist der Unterschied zwischen HTM und HTML?
Während ich Webdesign lernte, habe ich mich nicht...
Analyse der Vor- und Nachteile von festen, fließenden und flexiblen Webseiten-Layouts
Es gibt eine Frage, die Webdesigner schon lange b...
Unterschied zwischen src- und href-Attributen
Es besteht ein Unterschied zwischen src und href ...