Extensión al FAQ #7 ¿Cómo puedo poner un ícono al lado de la barra de direcciones?
Este ícono se llama
Favicon, y para ponerlo se agrega una de estas líneas dentro del head:
Código:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
Aunque muchos navegadores soportan imágenes para mostrar favicons, Internet Explorer solo soporta archivos
.ico; Cambiar la extensión no funciona, por lo que necesitas crearlo con un software especial para ello. Si no cuentas con un software para crear íconos, puedes usar esta aplicación en línea:
favicon.cc
Algunas veces es necesario limpiar el caché del navegador para ver los cambios en el favicon.
Cree un ícono animado en la página que dices, pero no se ve en Internet Explorer
Internet Explorer tampoco soporta íconos animados, solo estáticos. Para los que quieren mostrar un ícono animado en su web, una técnica popular es crear tanto un ícono animado como uno estático, y usarlos de la siguiente forma:
Código:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!--[if IE]>
<link rel="shortcut icon" type="image/x-icon" href="favicon-no-animado.ico" />
<![endif]-->