HTML

Favicon

En algunas páginas que visitamos solemos ver un icono que se despliega en la pestaña del navegador, este icono es llamado favicon o icono de favoritos y para poderlo agregar en nuestros sitios web solo debemos realizar lo siguiente:

  1. Buscar una imagen que cumpla con ciertos requisitos, yo recomiendo que utilicen este sitio (favicon.cc) del que pueden obtenerla.
  2. Incluir la imagen en la carpeta del sitio web.
  3. Agregar el siguiente código entre las etiquetas <head> </head>
<link rel="icon" type="image/x-icon" href="urlImagen" />
Como podemos ver utilizamos una etiqueta y algunas propiedades como:
  • link: permite acceder a recursos externos.
  • rel: indica la relación que existe entre el documento actual y el que se vincula.
  • type: especifica el tipo del documento que se vincula.
  • href: url del recurso que se desea vincular.

Bueno eso ha sido todo espero que sus sitios web ahora cuenten con un favicon 🙂

Deja una respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s