Favicon Tools検証作成
Reference

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" はその同じキーワードの前に冗長な旧来の語を付けたものです。

関連用語