Algum motivo pelo qual um site tem 2 links para favicon?
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?
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?
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
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
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.
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 ...)
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.
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'
A linha abaixo funciona em todos os navegadores:
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.