ファビコンは単なるアイコンではありません

ファビコンの概念

ファビコンの中国語訳はお気に入りアイコンです。これは、Web サイトのアバターであ​​るだけでなく、対応するタイトルを表示するだけでなく、ブラウザのお気に入りがアイコンの形で異なる Web サイトを区別することもできます。

ブラウザのサポート

FFブラウザは、Webサイトをよりパーソナライズするための動的なファビコンもサポートしています

ちょっとしたトリビア

ファビコンは、一般的に、サーバーの使いやすさを向上させるために、トラフィック帯域幅の占有をある程度減らすことができます。この場合、Web サイトに対応する favicon.ico ファイルがない場合、Web サーバーはユーザーが Web サイト/Web ページ ファイルをお気に入りに追加するたびにこのカスタム 404 を呼び出します。ウェブサイトのエラーログに記録されます。これは明らかに避けるべきです。

時々、ファビコンを設定しても表示されないことがあります

• まず、形式が正しいかどうかを確認してください:

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

現在、形式はそれほど厳密ではなく、型なしでも問題ありません

• 。

  形式が正しい場合は、ctrl + F5 キャッシュを強制的にクリアすると、タブアイコンが表示されます。

webpack はファビコンをどのようにパッケージ化しますか?

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 サイトに注目してください。