Generalmente la imagen que se usa como icono de las páginas de un sitio web se ubica en la raz del sitioo y se le pone el nombre favicon.ico porque este icono también identifica la web cuando la guardamos en nuestros favoritos.
Para definir el icono en las páginas de nuestro sitio web debemos poner la línea siguiente entre las etiquetas <head> de todas las páginas del sitio:
<head>Con esto ya tenemos listo nuestro icono personalizado en todo el sitio web.
<enlace href="favicon.ico" type="image/x-icon" rel="shortcut icon">
</head>
Es importante tener en cuenta que si nuestro archivo de icono no está en la raíz del sitio o tiene otro nombre diferente al que hemos especifciado en este artículo, debemos poner la dirección del archivo en la propiedad href de la etiqueta enlace del código anterior.
Por ejemlpo si nuestro archivo de icono está en http://www.miweb.com/imagenes/favicon.ico la propiedad href debe quedarnos así:
<head>Puede servirle de ayuda el artículo Repositorio de iconos y generador de iconos online para conocer un repositorio de iconos y un sitio web que nos habilita generar nuestros propios iconos a partir de una imagen en cualquier formto.
<enlace href="http://www.miweb.com/imagenes/favicon.ico" type="image/x-icno" rel="shortcut icon">
</head>
---
Extraido de Programacion Web y Tecnologias
0 comentarios:
Publicar un comentario