Válido para XHTML 1.0 Estrícto
Una de las preguntas más comunes es ¿Cómo poner el ícono que aparece al lado de la barra de dirección?
El nombre de este ícono es Favicon, y para insertarlo solo necesitas hacer uso de la siguiente línea:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Muchos navegadores web soportan cualquier imagen como ícono, incluso gifs animados, pero especificamente Internet Explorer, que es el navegador más usado actualmente, solo soporta archivos en formato .ico. Para crearlos, necesitas un software especial para este proposito. Si no tienes un software, existen varias herramientas en línea para crearlos, con la proporcionada por favicon.cc.
Hay que recalcar que Internet Explorer tampoco admite íconos animados. Si deseas mostrar un icono animado en tu web, es recomendado que uses a través de la condicional IE una alternativa no animada:
<link rel="shortcut icon" href="animado.ico" type="image/x-icon" /> <!--[if IE]> <link rel="shortcut icon" href="estatico.ico" type="image/x-icon" /> <![endif]-->
