browser - the - web favicon html

¿Forma preferida de usar favicons? (5)

Intenté agregar un favicon a un sitio web anteriormente y busqué una mejor manera de implementar esto que volcar un archivo favicon.ico en la raíz del sitio web.

Encontré esta pequeña y agradable guía: Cómo agregar un Favicon . Sin embargo, el método preferido no funcionó en IE (7) y el segundo método es el antiguo (que me resigné a usar).

¿Existe un tercer método que funcione en todos los navegadores más populares?

Así es como lo están haciendo aquí en :

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

Bueno, el archivo está en la raíz, por lo que no muestra si la etiqueta funciona o si el navegador acaba de obtener el ícono de la ubicación habitual (la raíz).

Editar: Lo intentaré y veré si funciona.

Edición 2: el uso de ambas etiquetas lo hace funcionar incluso para cualquier nombre de archivo, siempre y cuando el archivo sea un ícono para IE7: intenté usar archivos .png y solo funcionó con Firefox.

Creo que el método más confiable es simplemente agregar el archivo favicon.ico a la raíz de su sitio web.

No creo que haya necesidad de una metaetiqueta a menos que desee anular manualmente el favicon predeterminado, pero no pude encontrar ninguna investigación que respalde mi argumento.

Esto es lo que siempre uso:

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

El segundo es para IE. El primero es para otros navegadores.

Puede usar HTML para especificar el favicon, pero eso solo funcionará en páginas que tengan este HTML. Una mejor forma de hacerlo es agregar lo siguiente a su httpd.conf (Apache):

AddType image/x-icon .ico