1. ホーム
  2. html

[解決済み] favicon.icoのリンクタグは必要ですか?

2022-04-24 18:37:51

質問

favicon.icoを自動検出しないモダンブラウザーはありますか?favicon.icoのlinkタグを追加する理由はあるのでしょうか?

<link rel="shortcut icon" href="/favicon.ico">

私の推測では、GIFやPNGにする場合のみ、HTML文書に含める必要があると思うのですが...。

どのように解決するのですか?

を選択するには 別の場所またはファイルタイプ(例 PNG または SVG ) をファビコンに使用します。

その理由の1つは、アイコンを特定の場所(おそらくimagesフォルダなど)に置きたい場合です。例えば、以下のような場合です。

<link rel="icon" href="_/img/favicon.png">

この異なる場所は、CDNである可能性もあります。 <link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico"> .

PNGのような他のファイルタイプの使用については、以下を参照してください。 この質問 .

について キャッシュバスター を目的としています。

キャッシュバスターのために、パスにクエリ文字列を追加します。

<link rel="icon" href="/favicon.ico?v=1.1"> 

ファビコンは非常に頻繁にキャッシュされるので、これは更新を確実にするための素晴らしい方法です。


デフォルトの場所についての脚注。

質問の最初の部分に関して:すべてのモダンブラウザは、デフォルトの場所にあるファビコンを検出しますから、それは ではなく を使用する理由 link を使用します。


に関する脚注 rel="icon" :

で示したように セマニーノさんの回答 を使用しています。 rel="shortcut icon" は、古いバージョンのInternet Explorerで必要とされた古い手法ですが、ほとんどの場合、より正確な rel="icon" の指示を出すことができます。 記事@Semaninoは、これを元に に正しくリンクしています。 適切な仕様 を表示します。 rel の値です。 shortcut は有効なオプションではありません。