¿Alguna razón por la que un sitio tiene 2 enlaces a favicon?

11

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?

favicon

— Evanss
fuente

44

No veo el motivo de los votos cerrados. Tal vez la redacción no sea perfecta, pero es una pregunta razonable: ¿hay una buena razón por la que especifique el icono dos veces de estas dos formas ligeramente diferentes?

— TJ Crowder

5

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

También útil: msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx

— TJ Crowder

¡Esto no es verdad! Los <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 usa

— Marco Demaio

3

La 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.

— Mate
fuente

Buen enlace Según el enlace, solo el primero funcionaría. (Quizás explícitamente quieran enviar navegadores compatibles el primero, y quizás no haya ninguno /favIcon.ico...)

— TJ Crowder

0

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.

— Ben Hoffman
fuente

1

Bueno, en gran medida innecesario. Ese es el comportamiento predeterminado. Pero el enlace se puede usar para anular eso e indicar un icono específico. Esto se puede usar para tener diferentes páginas / secciones / lo que sea del sitio, usar diferentes iconos. Es poco común, pero es un caso de uso válido.

— Su '

0

La siguiente línea funciona en todos los navegadores:

<link rel="shortcut icon" href="http://www.your-site-domain/favicon.ico">

Y es la única línea utilizada también por los sitios de StackExchange (ver en esta página el código fuente)

<link rel="shortcut icon" href="http://cdn.sstatic.net/webmasters/img/favicon.ico">

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.

— Marco Demaio
fuente