次のコード行をヘッドタグに含めませんでしたが、私のファビコンは引き続きブラウザーに表示されます。
<link rel="icon" href="favicon.ico" type="image/x-icon" />
それを含める目的は何ですか?
次のコード行をヘッドタグに含めませんでしたが、私のファビコンは引き続きブラウザーに表示されます。
<link rel="icon" href="favicon.ico" type="image/x-icon" />
それを含める目的は何ですか?
回答:
実際には両方を実行して、すべてのブラウザがアイコンを見つけるようにする必要があります。
ファイルに「favicon.ico」という名前を付け、それをWebサイトのルートに配置するのは、W3Cによって「推奨されない」方法です。
方法2(非推奨):ファビコンを事前定義されたURIに配置
するファビコンを指定する2番目の方法は、事前定義されたURIを使用して画像を特定することに依存します。一部のブラウザは、そのURIを使用してファビコンを探すようにプログラムされているため、この方法は機能します。
W3C-サイトにファビコンを追加する方法
したがって、すべての状況をカバーするために、「rel」属性を追加して同じ.icoファイルを指すように推奨される方法に加えて、常にそれを行います。
favicon.ico
ルートに単純にa を配置することに関連する標準はありませんが、ほとんどのブラウザは歴史的な理由でこのファイルを自動的に要求します。
私が使用する理由は2つあります。
たとえば、クエリパラメータを追加することで、アイコンを強制的に更新できます?v=2
。このような:
<link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />
パスを指定する必要がある場合。
単純にルートフォルダーに追加するだけでうまくいきますが、ファビコンを変更する必要がある場合、更新に数日かかることがあります。キャッシュを更新してもうまくいきません。
多くの人がCookieパスを/に設定しています。これにより、すべてのファビコン要求は、少なくともchromeで、サイトのcookieのコピーを送信します。ファビコンをcookielessドメインにアドレス指定すると、これが修正されます。
<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />
取得するトラフィックの量によっては、これがリンクを追加する最も実用的な理由になる場合があります。
cookielessドメインの設定に関する情報: