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 Tutorial zur Verwendung von VMware WorkStation mit Docker für Windows
Inhaltsverzeichnis 1. Einleitung 2. Installieren ...
8 JS reduziert Verwendungsbeispiele und reduzierte Betriebsmethoden
reduce Methode ist eine Array-Iterationsmethode. ...
So aktivieren Sie die Protokollfunktion für langsame Abfragen in MySQL
Das MySQL-Protokoll für langsame Abfragen ist seh...
Schritte zur Verwendung von autoconf zum Generieren von Makefile und Kompilieren des Projekts
Vorwort Unter Linux ist zum Kompilieren und Verkn...
Bringen Sie Ihnen bei, wie Sie den Beobachtermodus in Javascript implementieren
Inhaltsverzeichnis Was ist das Beobachtermuster? ...
Detailliertes Tutorial zum Ausführen von Tomcat im Debugmodus im IDEA Maven-Projekt
1. Fügen Sie die folgenden Abhängigkeiten in pom....
Webseiten-Erlebnis: Farbabstimmung für Webseiten
<br />Die Farbe einer Webseite ist entscheid...
Detaillierte Vorgänge zum Erstellen des gemeinsamen Clusters und des Spiegelclusters von RabbitMq mit Docker
Inhaltsverzeichnis 1. Erstellen Sie die Betriebsu...
MySQL-Installations- und Konfigurationsmethoden und Vorsichtsmaßnahmen unter der Windows-Plattform
2.1, MSI-Installationspaket 2.1.1、Installation Be...
IDEA-Konfigurationsprozess von Docker
IDEA ist das am häufigsten verwendete Entwicklung...
Verwandte Befehle zur vollständigen Deinstallation von Nginx unter Ubuntu 16.04
nginx Übersicht nginx ist ein kostenloser, quello...
Detaillierte Erläuterung des Prinzips der Vue-Überwachungsdaten
<Text> <div id="Wurzel"> &l...
Es gibt kein Problem mit dem Linux-Dateipfad beim Bereitstellen der Fenster- und Linux-Projekte
Ich habe schon lange keinen Blog mehr geschrieben...
Natives JS zum Erstellen einer Drag-Fotowand
Dieser Artikel zeigt Ihnen eine verschiebbare Fot...
Eine kurze Einführung in die Verwendung des Dezimaltyps in MySQL
Die in MySQL unterstützten Gleitkommatypen sind F...