Un sitio que estoy viendo tiene los siguientes 2 enlaces a su favicon:
<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />
<link rel="icon" href="/webmasters//favIcon.ico"/>
Pregunta: ¿Hay una buena razón por la que especifique el icono dos veces de estas dos formas ligeramente diferentes?
Respuestas:
Como todas las cosas maravillosas en la web, parece que IE es la causa:
El acceso directo no es HTML válido, solo para IE
fuente
<link rel="shortcut icon"...
valida para HTML4.01, use el validador W3C para verificar esto si no confía. Además, las especificaciones HTML5 todavía están en desarrollo, por lo que aún no sabemos si se incluirá o no. Este sitio web de StackExchange<link rel="shortcut icon"...
también lo usaLa razón es la compatibilidad con Internet Explorer .
rel="icon"
es la forma en que se hace en HTML5 o en cualquier otro navegador que no sea IE.fuente
/favIcon.ico
...)Realmente ambas líneas son innecesarias. Solo necesita poner un archivo favicon.ico en su directorio raíz y debería estar bien. Puede incluir un código como el anterior para permitir que el favicon se cargue antes de que la página termine de cargarse, pero eso no es importante. Parece que el código en cuestión anterior fue creado por confusión.
fuente
La siguiente línea funciona en todos los navegadores:
Y es la única línea utilizada también por los sitios de StackExchange (ver en esta página el código fuente)
NOTA: la ruta http completa del favicon es necesaria para mostrar el icono en IE, en todos los demás navegadores no necesita la ruta http completa.
fuente