web-dev-qa-db-ja.com

<link rel = "icon" href = "favicon.ico" type = "image / x-icon" />を含める必要がありますか?

Headタグに次のコードを含めませんでしたが、faviconはブラウザに表示されたままです。

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

含める目的は何ですか?

173
user784637

Faviconのfavicon.icoを呼び出さない場合は、そのタグを使用して実際のパスを指定できます(images/ディレクトリにある場合)。ブラウザ/ Webページは、デフォルトでルートディレクトリでfavicon.icoを探します。

148
Brian Graham

実際には両方を実行して、すべてのブラウザがアイコンを見つけられるようにする必要があります。

ファイル "favicon.ico"に名前を付けてあなたのウェブサイトのルートに置くことはW3Cによる "推奨されない"方法です:

方法2(推奨しない):事前定義されたURIにfaviconを配置する
faviconを指定するための2番目の方法は、イメージを識別するために事前定義されたURIを使用することに依存しています: "/ favicon"、これはサーバーのルートからの相対パスです。この方法は、一部のブラウザがそのURIを使用してお気に入りを探すようにプログラムされているために機能します。
W3C - あなたのサイトにfaviconを追加する方法

そのため、すべての状況をカバーするために、 "rel"属性を追加して同じ.icoファイルを指すという推奨される方法に加えて、常にそうしています。

108
siburb

私はそれを2つの理由で使用します。

  1. たとえば?v=2のようなクエリパラメータを追加することで、アイコンの更新を強制することができます。このように:<link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />

  2. パスを指定する必要がある場合.

43
nilsi

単純にルートフォルダに追加するだけではうまくいきますが、faviconを変更する必要がある場合、更新に数日かかることがあります。キャッシュを更新してもうまくいきません。

12
Nicole

多くの人が自分のクッキーパスを/に設定しています。それはすべてのfaviconの要求が少なくともクロムで、サイトのクッキーのコピーを送ることを引き起こすでしょう。あなたのfaviconをあなたのcookielessドメインにアドレスすることはこれを修正するべきです。

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

トラフィック量によっては、これがリンクを追加する最も実用的な理由かもしれません。

Cookielessドメインの設定に関する情報:

http://www.ravelrumba.com/blog/static-cookieless-domain/

6
user3907900