Favicon ist mehr als nur ein Symbol

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">

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);

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!