Pergunta

Eu estava tentando adicione um favicon para um website anteriormente e olhou para um melhor maneira de se implementar isto, do que despejar um favicon.ico arquivo na raiz do site.

Eu encontrei este pequeno guia: Como Adicionar um Favicon.No entanto, o método preferido não funciona no IE (7) e o segundo método é o caminho antigo (que resignei-me a usar).

Há um terceiro método, que funciona em todos os navegadores mais populares?

Foi útil?

Solução

Isso é o que eu sempre uso:

<link rel="icon" href="favicon.ico" type="image/x-icon" />  
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 

A segunda é para o IE.O primeiro é para outros navegadores.

Outras dicas

Você pode usar HTML para especificar o favicon, mas que só vai funcionar em páginas HTML.A melhor maneira de fazer isso é adicionando o seguinte ao seu httpd.conf (Apache):

AddType image/x-icon .ico

Eu acho que o método mais confiável é simplesmente adicionado a favicon.ico arquivo para a raiz do seu site.

Eu não acho que haja qualquer necessidade de uma meta tag, a menos que você deseja substituir manualmente o padrão favicon, mas eu era incapaz de encontrar qualquer pesquisa para sustentar meu argumento.

Esta é a forma como eles estão fazendo isso aqui no Estouro de Pilha:

<link rel="shortcut icon" href="/favicon.ico" />

Bem, o arquivo está na raiz para não mostrar-se a tag funciona ou se o navegador só tenho o ícone do local habitual (raiz).

Editar: Eu vou tentar e ver se funciona.

Edit 2: Usando tags fazê-lo funcionar, mesmo para qualquer nome de arquivo, desde que o arquivo é um ícone para IE7:Eu tentei usar .png arquivos e ele só funcionou com o Firefox.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top