適当にセットして、見て見ぬ振り。そんな人、多いんじゃないでしょうか?目次なんでそんなに記述パターンがあるのかこういうややこしいものの裏側にいるやつは基本「ヤツ」です。Explorer」様です。IEのバージョン対応のために、タグの記述が何パターンもあるのです。他には、普通にデバイスの種類によって色々設定が異なるってのもありますね。IEのバージョン対応に対する記述まずはIEのバージョン対応のせいでややこしくなっている記述パターンについて、整理していきましょう。rel属性のshortcut意外とまだ使われているrel属性の「shortcut」。これ、実はIE8へ対応する時に必要なだけなんですよね。2つの値を指定しています。一度これをみてしまったせいで、「icon」だけじゃ設定不足な気がしてしまい、念のため「icon」と「shortcut」を二つ書いてしまう習慣が着いてしまった...。最近のブラウザでは全く必要のない記述です。それどころか、MDNでは以下のような注意書きがされています。使用されていましたが、これは非準拠で無視されますのでウェブ作者は今後使用してはいけません。「ウェブ作者は今後使用してはいけません。続いて、IE9,10への対応に必要な記述です。href="./favicon.ico">こういうやつ。IE9,IE10はtype属性の値にimage/x-iconもしくはvnd.microsoft.iconをつけなくてはなりません。どっちかに絞って欲しいですね...。IE11以降の対応ならこんなにシンプルIE11以降だけの対応でいいよ!って人はシンプルにこれでいい。href="./favicon.ico">.ico以外の画像を使う時はtype属性を使うtype属性のimage/x-iconやvnd.microsoft.iconはIEのためのものでしたが、ファビコン画像にpngやgifを使う場合は、それに合ったtype属性を記述する必要があります。href="./favicon.gif">このことは覚えておいた方が良さそうですね。IE10以前ではファビコン画像にpngやgifは使えないので注意しましょう。OS・ブラウザごとに用意すべきファビコンのサイズと種類さて、ここからが少々ややこしいです。