rel="shortcut icon" の意味
rel="shortcut icon" は、Internet Explorer に遡るファビコンの古い宣言方法です。"shortcut" キーワードは非標準でブラウザに無視される(実際に尊重されるのは "icon" だけ)ため、単純な rel="icon" がまったく同じ仕事をします。既存のタグは今も機能しますが、新しいマークアップに "shortcut icon" と書く理由はありません。
どこから来たか
初期の Internet Explorer は、link が rel="shortcut icon" と言っている場合にしかファビコンを認識しませんでした。他のブラウザは "shortcut" の部分を必要としませんでした。HTML 仕様が定義しているのは "icon" キーワードであって、"shortcut icon" ではありません。
ブラウザは rel 値をスペース区切りのキーワードのリストとして扱い、知っているものに一致させます。"shortcut icon" の中では "icon" を見つけて使い、"shortcut" は静かに無視します。つまりタグは機能しますが、余分な語は何もしていません。
旧来 vs モダン
<!-- legacy, still works but redundant -->
<link rel="shortcut icon" href="/favicon.ico" />
<!-- modern equivalent -->
<link rel="icon" href="/favicon.ico" sizes="any" />"shortcut icon" に関するよくある質問
shortcut icon は非推奨ですか?
"shortcut" キーワードはそもそも標準の一部ではなかったので、正式に非推奨とすべきものはありませんが、実際には廃れています。現在の指針は、rel="icon" 単体を使うことです。
rel="shortcut icon" は今も機能しますか?
はい。ブラウザはその中の "icon" キーワードに一致させてファイルを使い、"shortcut" は無視します。ファビコンは単純な rel="icon" とまったく同じように読み込まれます。
"shortcut icon" と "icon" の違いは?
効果に違いはありません。"icon" が標準のキーワードで、"shortcut icon" はその同じキーワードの前に冗長な旧来の語を付けたものです。