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?

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

Respostas:

5

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

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


fonte
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