Favicon ist mehr als nur ein Symbol

高洛峰
Freigeben: 2017-02-15 14:00:41
Original
1660 Leute haben es durchsucht

Das Konzept von Favicon

Die chinesische Übersetzung von Favicon ist das Lieblingssymbol. Es ist nicht nur der Avatar der Website, sondern ermöglicht den Favoriten des Browsers nicht nur die Anzeige des entsprechenden Titels, sondern auch die Unterscheidung verschiedene Symbole.

Browser-Unterstützung

FF-Browser unterstützt auch dynamische Favicons, wodurch Ihre Website personalisierter wird

Kleine Kleinigkeiten

Favicons müssen vorhanden sein, um die Datenverkehrsbandbreite des Servers zu reduzieren Um die Benutzerfreundlichkeit der Website zu verbessern, erstellen wir in diesem Fall eine angepasste 404-Fehlerdatei für unsere Website. Wenn die Website nicht über eine entsprechende favicon.ico-Datei verfügt, wann immer dies der Fall ist Wenn ein Benutzer eine Website/Webseite als Favorit markiert, ruft der Webserver diese benutzerdefinierte 404-Datei auf und zeichnet sie im Fehlerprotokoll der Website auf. Dies sollte natürlich vermieden werden.

Gelegentlich habe ich das Favicon gesetzt und festgestellt, dass es nicht angezeigt wurde

  • Überprüfen Sie zunächst, ob das Format korrekt ist:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Nach dem Login kopieren

Jetzt ist das Format weg. So streng, dass es ohne Typ in Ordnung ist

  • Wenn das Format korrekt ist, Strg + F5 gewaltsam den Cache leeren, und Sie können siehe Tab-Symbol.

Wie verpackt Webpack Favicon?

Wenn Sie HTML-Webpack-Plugins zum Verarbeiten von HTML verwenden, stellt dieses Plug-In bereits das Favicon bereit. Sie müssen nur den Pfad angeben, in dem sich das Favicon befindet, z. B.:

const htmlPlugin = new HtmlWebpackPlugin({
    favicon: path.resolve(publicDir, './imgs/favicon.ico')
});
pluginsConfig.push(htmlPlugin);
Nach dem Login kopieren

Das Plug-in packt es automatisch in den HTML-Kopf.
Wenn nicht, müssen Sie das Symbol selbst verarbeiten und dann zitieren.

Für weitere Favicons handelt es sich nicht nur um ein Symbol . Für verwandte Artikel beachten Sie bitte die chinesische PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage