Favicon.ico precisa residir nesse mesmo diretório de index.html?

Question

Já estou usando a maneira padrão de adicionar um favicon:

<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="/graphics_card/favicon.ico">

Portanto, o favicon.gif e o .ico devem residir em

/graphics_card

No entanto, descobri que o IE 8 (ou talvez outro IE) não pode mostrar, (Atualização: não importa quantas vezes eu pressionei Ctrl-F5 ou limpe o cache do navegador), mas assim que o arquivo .ico estiver presente nesse diretório em que o index.html é, ele será exibido.

Então, se for

http://www.example.com/graphics_card/nvidia/index.html

é preciso haver um favicon.ico em

/graphics_card/nvidia/

também. Acabei especificando -o como

<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="favicon.ico">

e apenas coloque um favicon.ico nesse diretório. É essa a maneira padrão?

Answer 1

Não, você pode colocá -lo em qualquer lugar se especificar na tag. No entanto, para Ou seja, você precisa fornecer um URL totalmente qualificado (ou seja, um URL relativo).

Answer 2

Você pode colocá -lo em qualquer outro lugar e usar o <link> tag para se referir a ele. por exemplo

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

No entanto, é uma boa prática colocá -lo na raiz do domínio, por exemplo http://example.com/favicon.ico, porque os navegadores modernos realmente fazem uma chamada para esse arquivo ao carregar as páginas para carregar o ícone primeiro.