Algum motivo pelo qual um site tem 2 links para favicon?

11

Um site que estou vendo possui os 2 links a seguir para seu favicon:

<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />

<link rel="icon" href="/webmasters//favIcon.ico"/>

Pergunta: Existe uma boa razão para você especificar o ícone duas vezes dessas duas maneiras ligeiramente diferentes?

favicon

— Evanss
fonte

4

Não estou vendo o motivo dos votos próximos. Talvez o fraseado não seja perfeito, mas é uma pergunta razoável: existe uma boa razão para você especificar o ícone duas vezes dessas duas maneiras ligeiramente diferentes?

— TJ Crowder

5

Como todas as coisas maravilhosas na web, parece que o IE é a causa:

Atalho não é HTML válido, apenas para o IE

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

— TJ Crowder

Isso não é verdade! Para <link rel="shortcut icon"...validar o HTML4.01, use o validador W3C para verificar se você não confia. Além disso, as especificações do HTML5 ainda estão em desenvolvimento, portanto ainda não sabemos se serão incluídas ou não. Este site StackExchange <link rel="shortcut icon"...também usa

— Marco Demaio 23/06

3

O motivo é a compatibilidade com o Internet Explorer . rel="icon"é assim que é feito no HTML5 ou em qualquer outro navegador que não seja o IE.

— Matt
fonte

Bom link. Segundo o link, apenas o primeiro funcionaria. (Talvez eles explicitamente deseja enviar navegadores compatíveis a primeira, e talvez lá não é /favIcon.iconada ...)

— TJ Crowder

0

Realmente as duas linhas são desnecessárias. Você só precisa colocar um arquivo favicon.ico no diretório raiz e deve ficar bem. Você pode incluir um código como o acima para permitir que o favicon seja carregado antes que a página termine de carregar, mas isso não é importante. Parece que o código em questão acima foi criado por confusão.

— Ben Hoffman
fonte

1

Bem, em grande parte desnecessário. Esse é o comportamento padrão. Mas o link pode ser usado para substituir isso e indicar um ícone específico. Isso pode ser usado para que diferentes páginas / seções / qualquer site use ícones diferentes. É incomum, mas um caso de uso válido.

— Su'

0

A linha abaixo funciona em todos os navegadores:

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

E é a única linha usada também pelos sites StackExchange (veja o código-fonte desta página)

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

NOTA: o caminho http completo do favicon é necessário para mostrar o ícone no IE; em todos os outros navegadores, você não precisa do caminho http completo.

— Marco Demaio
fonte