Icono de Barra de Direcciones en HTML
Cómo poner un icono de la barra de dirección en un sitio web
que es un favicon y como agregarlo.
Explicación
Favicon:
Iconos favoritosCreamos una imagen de 16X16 pixeles y de formato .ico, algunos navegadores pueden usar .jpg or .gif formatos también. Preferentemente creamos un .ico image.
Nosotros hemos usado un gif [
] como favicon para esta página.Cargue la imagen en su directorio, preferentemente en el directorio raíz (root dir).
Utilice el siguiente código dentro de la etiqueta <head> de su página web.
Ejemplo 1:
Usando el path (ruta) completo <head>
<link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>
La etiqueta de hipervínculo realiza la magia. Debe dar la ruta completa de la imagen cargada en el atributo ref. <link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>
Ejemplo 2:
Usando el path desde el directorio raíz <head>
<link rel="shortcut icon" href="/images/h22.gif">
</head>
En este caso usamos el camino a partir de la raíz dir. es decir si la imagen o icono está presente debajo de xcvxcvxcv.com/images/... el path debe comenzar desde /images/.... <link rel="shortcut icon" href="/images/h22.gif">
</head>
La barra de direcciones imagen también llamado favicon puede que no funcione correctamente en navegadores IE. Pruebe con un navegador como Mozilla o Firefox. Cree su archivo .jpg / .gif , este puede ser convertido a. Ico utilizando algunos servicios públicos gratuitos en línea.