ステートメント1：<link rel =ショートカットアイコンhref = favicon.ico />
ステートメント2 <link rel = icon href = animated_favicon.gif type = image /gif />
注：ステートメントショートカットアイコンは、URL列の前に表示されるアイコンです。
質問：ステートメント2アイコンの機能は何ですか？ステートメント1の違いは何ですか？
ガイド
過去には、ウェブサイトのデザイナーと開発者は、ファビコンの出現を確保するためにさまざまな方法を採用してきました。同じバージョンの1つのブラウザーであっても、Faviconをすべてのコンピューターに表示できることを明示的に保証することは困難です。
次のコードのもう1つの制限は、Faviconを特定のHTMLまたはXHTMLドキュメントに関連付けることです。これを回避するには、favicon.icoファイルをルートディレクトリに配置する必要があります。ほとんどのブラウザは、自動的に検出して使用します。
次の2行のHTMLコードを含めることをお勧めします。
コード：
<link rel =ショートカットアイコンhref = http：//example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http：//example.com/favicon.ico type = image/vnd.microsoft.icon>
ただし、ショートカットアイコン文字列は、可能なキーワードをリストするものとしてほとんどの標準に準拠したブラウザによって認識されるため、最初の行のみが必要です（ショートカットは無視され、アイコンのみが適用されます）。インターネットエクスプローラーは、別の名前（ショートカットアイコン）として使用します。この結果、すべてのブラウザがこのコードを理解できることです。新しいブラウザに別の代替画像（アニメーションGIFなど）を提供する場合にのみ、2行目を追加する必要があります。
HTMLでは、リンク要素はヘッド要素（<ヘッド>と</head>の間）にある必要があります。
XHTMLの場合、リンクはEnd（または>/link>）を使用する必要があり、Endを使用できません。
hrefは、 /favicon.icoの場所を指していますが、そうではありません。任意のURLを指すことができます。
画像は通常、ブラウザでサポートされている任意の画像形式を使用できます。
.icoファイル形式は、通常、Faviconを表示できるすべてのブラウザで読み取ることができます。
サーバーをセットアップして、正しいMIME IDを送信します。
ICOファイルImage/vnd.microsoft.icon（またはImage/x-Iconも互換性の理由で使用できます。ただし、ほとんどの主流のブラウザがサポートされているため、IANA登録MIMEタイプを使用する方が良いです。
gifファイル画像/gif
PNGファイル画像/PNG
適切な解像度と色の深さを使用します。
ICO：複数の解像度（最も一般的に使用される16×16および32×32、Mac OS Xは64×64および128×128を使用する場合があります）とビット深さ（ピクセルあたりビット）（主に4、8、24 BPP、つまり16、256および1600万色を使用）を含みます。
GIF：16×16、256色を使用します。
PNG：16×16、256色または24ビットを使用します。
注：favicon.icoがドキュメントルートディレクトリに配置されている場合、サイトにリンクがない場合でも、リンク要素を処理しないブラウザによって見つかります。
標準化
Favicon機能はMicrosoftによって最初に作成され、MicrosoftのInternet Explorer WebブラウザーはすべてのWebサイトのFaviconを要求します。 Microsoft-Supportedリンクタグは、World Wide Web Consortium（W3C、World Wide Web Consortium）のHTML推奨事項に準拠していません。
REL属性には、スペースを区切り文字として使用するリンクタイプのリストを含める必要があるため、2つの単語を含むリンクタイプは標準ブラウザーでは理解できません。
.icoファイルタイプ（Microsoft Windowsのアイコンのラスター形式）には登録されたMIMEタイプがなく、当時ほとんどのブラウザでは理解できないようです。ただし、2003年には、この形式はIANAに登録され、そのMIMEタイプはImage/VND.Microsoft.iconであるため、この問題の最初の部分を排除します。
ウェブサイトでの予約場所の使用は、World Wide Webのアーキテクチャと矛盾しており、リンクしゃがんでいるか、URIしゃがんでいると考えられています。
Mozillaブラウザは、Web標準に準拠する方法を通じてFaviconのサポートを追加します。 rel =アイコンが必要であり、Webデザイナーがサポートされている画像形式でFaviconを追加できるようにします。たとえば、<link rel = icon type = image/png href =/path/image.png>。後で、この機能がすべての新しいコンテンツに使用されることを考えると、ほとんどのブラウザはこの機能にサポートを追加しました。