HTML Web ページを作成しています。私はまだ終わりに近づいていないので、現時点では次の問題にあまり集中するべきではありません. しかし、ショートカット アイコンのコードが機能しない理由について混乱しています。すべてのファイルを同じフォルダーに配置してすべてをテストしています（オフライン、サーバーなし、または同様のもの）
コードは
<link rel="SHORTCUT ICON" type="image/x-icon" href="favicon.ico">
さまざまな ico ファイルを試してみましたが、ウェブサイトにアップロードされた ico でのみ機能します。たとえば、次のコードは機能します。
<link rel="SHORTCUT ICON" type="image/x-icon" href="\WEBSITEFOLDER\favicon.ico">
試す：
<link rel="SHORTCUT ICON" type="image/x-icon" href="~/favicon.ico">
また：
<link rel="Shortcut Icon" type="image/ico" href="favicon.ico">
この同様の問題に遭遇したところ、実際のファイルのサイズが問題の原因であることが判明しました。ソースによると、16x16 または 32x32 のいずれかでなければなりません。x-iconeditor.comのようなアイコンジェネレーターを使用します。
ローカル ファイルにファビコンが必要な場合は、Data URI を使用する必要があります。
この回答を参照してください:ローカル (file://) ウェブサイトの favicon は、Chrome や Safari ではなく Firefox で機能します-なぜですか?
ファビコンアイコンのサイズを16x16に設定すると、クロムで動作します...
<link rel="icon" href="relative_PATH/favicon.ico">
アイコンファイルへのすべての相対パスを入れてみてください