rel="shortcut icon": O Que Significa
rel="shortcut icon" é uma forma antiga de declarar um favicon que remonta ao Internet Explorer. A palavra-chave "shortcut" é não padronizada e ignorada pelos navegadores (apenas "icon" é de fato respeitada), então um simples rel="icon" faz exatamente o mesmo trabalho. Tags existentes continuam funcionando, mas não há motivo para escrever "shortcut icon" em marcação nova.
De onde veio
O Internet Explorer inicial só reconhecia um favicon se o link dissesse rel="shortcut icon". Outros navegadores nunca precisaram da parte "shortcut". A especificação HTML define a palavra-chave "icon", não "shortcut icon".
Os navegadores tratam o valor de rel como uma lista de palavras-chave separadas por espaço e correspondem às que conhecem. Em "shortcut icon" eles encontram "icon" e o usam, ignorando silenciosamente "shortcut". Então a tag funciona, mas a palavra extra não faz nada.
Legado versus moderno
<!-- legacy, still works but redundant -->
<link rel="shortcut icon" href="/favicon.ico" />
<!-- modern equivalent -->
<link rel="icon" href="/favicon.ico" sizes="any" />Perguntas frequentes sobre "shortcut icon"
shortcut icon está obsoleto?
A palavra-chave "shortcut" nunca fez parte do padrão, então não há nada formal a ser tornado obsoleto, mas ela é obsoleta na prática. A orientação moderna é usar rel="icon" sozinho.
rel="shortcut icon" ainda funciona?
Sim. Os navegadores correspondem à palavra-chave "icon" dentro dela e usam o arquivo, ignorando "shortcut". O favicon carrega exatamente como carregaria com um simples rel="icon".
Qual a diferença entre "shortcut icon" e "icon"?
Nenhuma no efeito. "icon" é a palavra-chave padrão; "shortcut icon" é essa mesma palavra-chave com uma palavra legada redundante na frente dela.