favicon.icoのリンクタグを追加する必要がありますか？
Favicon.icoを自動的に検出しない最新のブラウザはありますか？ favicon.icoのリンクタグを追加する理由はありますか？
<link rel="shortcut icon" href="/favicon.ico">
私の推測では、GIFまたはPNGを使用することにした場合にのみ、HTMLドキュメントに含める必要があるということです...
注意してくださいW3CのHTML5仕様とWhatWGの両方standardize
<link rel="icon" href="/favicon.ico">
「rel」属性の値に注意してください！
rel属性の値shortcut iconは、非常に古いInternet Explorer固有の拡張機能であり、deprecatedです。
そのため、これ以上使用しないでファイルを更新し、標準に準拠し、すべてのブラウザで正しく表示されるようにしてください。
次のすばらしい投稿もご覧ください： rel = "ショートカットアイコン"は有害と見なされます
<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" /> <link rel="icon" type="image/png" href="http://example.com/favicon.png" /> <link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
それはすべて、使用する画像の形式に依存します！
あなたのウェブサイトのアイコンがあれば、UXの方がはるかに良いでしょう！
プラットフォーム固有のサイズのすべてのデバイスに追加できます
<link rel="Apple-touch-icon" sizes="57x57" href="fav_icons/Apple-icon-57x57.png">
<link rel="Apple-touch-icon" sizes="60x60" href="fav_icons/Apple-icon-60x60.png">
<link rel="Apple-touch-icon" sizes="72x72" href="fav_icons/Apple-icon-72x72.png">
<link rel="Apple-touch-icon" sizes="76x76" href="fav_icons/Apple-icon-76x76.png">
<link rel="Apple-touch-icon" sizes="114x114" href="fav_icons/Apple-icon-114x114.png">
<link rel="Apple-touch-icon" sizes="120x120" href="fav_icons/Apple-icon-120x120.png">
<link rel="Apple-touch-icon" sizes="144x144" href="fav_icons/Apple-icon-144x144.png">
<link rel="Apple-touch-icon" sizes="152x152" href="fav_icons/Apple-icon-152x152.png">
<link rel="Apple-touch-icon" sizes="180x180" href="fav_icons/Apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="fav_icons/Android-icon-192x192.pn">
<link rel="icon" type="image/png" sizes="32x32" href="fav_icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="fav_icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav_icons/favicon-16x16.png">
一番下の行はすべてのブラウザではありませんwill実際にfavicon.icoファイルを探します。一部のブラウザでは、ユーザーが自動的に表示するかどうかを選択できます。したがって、alwaysが表示されて確認されるようにするには、定義する必要があります。