rel="shortcut icon": qué significa
rel="shortcut icon" es una forma antigua de declarar un favicon que se remonta a Internet Explorer. La palabra clave "shortcut" no es estándar y los navegadores la ignoran (solo se respeta "icon"), así que un simple rel="icon" hace exactamente el mismo trabajo. Las etiquetas existentes siguen funcionando, pero no hay razón para escribir "shortcut icon" en marcado nuevo.
De dónde viene
Los primeros Internet Explorer solo reconocían un favicon si el enlace decía rel="shortcut icon". Los demás navegadores nunca necesitaron la parte "shortcut". La especificación HTML define la palabra clave "icon", no "shortcut icon".
Los navegadores tratan el valor de rel como una lista de palabras clave separadas por espacios y hacen coincidir las que conocen. En "shortcut icon" encuentran "icon" y lo usan, e ignoran silenciosamente "shortcut". Así que la etiqueta funciona, pero la palabra extra no hace nada.
Heredado frente a moderno
<!-- legacy, still works but redundant -->
<link rel="shortcut icon" href="/favicon.ico" />
<!-- modern equivalent -->
<link rel="icon" href="/favicon.ico" sizes="any" />Preguntas frecuentes sobre "shortcut icon"
¿Está shortcut icon obsoleto?
La palabra clave "shortcut" nunca formó parte del estándar, así que no hay nada formal que declarar obsoleto, pero está en desuso en la práctica. La recomendación moderna es usar rel="icon" a secas.
¿Sigue funcionando rel="shortcut icon"?
Sí. Los navegadores hacen coincidir la palabra clave "icon" dentro de él y usan el archivo, ignorando "shortcut". El favicon se carga exactamente igual que con un simple rel="icon".
¿Cuál es la diferencia entre "shortcut icon" e "icon"?
Ninguna en la práctica. "icon" es la palabra clave estándar; "shortcut icon" es esa misma palabra clave con una palabra heredada redundante delante.