ホームページ >ウェブフロントエンド >htmlチュートリアル >ファビコンは単なるアイコンではありません
ファビコンの中国語訳はお気に入りアイコンです。これは、Web サイトのアバターであるだけでなく、対応するタイトルを表示するだけでなく、ブラウザのお気に入りがアイコンの形で異なる Web サイトを区別することもできます。
FFブラウザは、Webサイトをよりパーソナライズするための動的なファビコンもサポートしています
ファビコンは、一般的に、サーバーの使いやすさを向上させるために、トラフィック帯域幅の占有をある程度減らすことができます。この場合、Web サイトに対応する favicon.ico ファイルがない場合、Web サーバーはユーザーが Web サイト/Web ページ ファイルをお気に入りに追加するたびにこのカスタム 404 を呼び出します。ウェブサイトのエラーログに記録されます。これは明らかに避けるべきです。
まず、形式が正しいかどうかを確認してください:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
現在、形式はそれほど厳密ではなく、型なしでも問題ありません
形式が正しい場合は、ctrl + F5 キャッシュを強制的にクリアすると、タブアイコンが表示されます。
html-webpack-plugins を使用して HTML を処理する場合、このプラグインは既にファビコンを提供します。たとえば、次のように記述するだけです。
const htmlPlugin = new HtmlWebpackPlugin({ favicon: path.resolve(publicDir, './imgs/favicon.ico') }); pluginsConfig.push(htmlPlugin);
プラグインはそれを自動的にパッケージ化します。 html for you. inside head;
そうでない場合は、このアイコンを自分で処理してから引用する必要があります
さらに favicon は単なるアイコンではありません。関連記事については、PHP 中国語 Web サイトに注目してください。