Estoy haciendo una página web en jsp pero estoy teniendo problemas para personalizar el ícono que va junto al título de la página. Lo que pasa es que cuando inicio la página desde el NetBeans el ícono se carga bien, pero al actualizar la página o ir a otra página del sitio que estoy desarrollando el ícono desaparece. Así aparece al cargar el sitio:
Así despues de recargar la página:
He buscado mucho tratando de averiguar porque ocurre eso, pero no he econtrado solución. Les adjunto el código de la página de inicio de mi sitio:
`
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="../images/logo_mini.png" type="image/gif" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" type="text/css" href="../estilos/inicio.css">
<script src="../scripts/index.js" type="text/javascript"></script>
<title>Bolsa de trabajo</title>
</head>
<body>
<div class="container-fluid">
<div class="row encabezado division-principal">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-md-offset-1 col-lg-offset-1">
<center><img src="../images/Logo2.png" class="logo"></center>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-md-offset-2 col-lg-offset-3">
<div class="row">
<a href="registro_aspirantes.jsp">
<div class="col-xs-6 col-sm-6 col-md-6"><div class="boton">Aspirantes</div></div>
</a>
<a href="registro_empresas.jsp">
<div class="col-xs-6 col-sm-6 col-md-6"><div class="boton">Empresas</div></div>
</a>
</div>
<div class="row division">
Visita nuestras redes sociales
</div>
<div class="row">
<div id="iconos" class=col-xs-12">
<center>
<a href="#"><img src="../images/Facebook(2).png" class="icono-social"></a>
<a href="#"><img src="../images/Twitter(2).png" class="icono-social"></a>
<a href="#"><img src="../images/Instagram(2).png" class="icono-social"></a>
<a href="#"><img src="../images/Linkedin(2).png" class="icono-social"></a>
<a href="#"><img src="../images/Tumblr(2).png" class="icono-social"></a>
<a href="#"><img src="../images/YouTube(2).png" class="icono-social"></a>
<a href="#"><img src="../images/Correo(2).png" class="icono-social"></a>
</center>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4 col-sm-offset-3 col-lg-offset-4">
<div class="formulario">
<h2>Iniciar sesión</h2>
<form action="">
<div class="grupo-campo">
<input type="text" name="usuario" class="campo" required="">
<label>Nombre de usuario</label>
</div>
<div class="grupo-campo" >
<input type="password" name="clave" class="campo" required="">
<label>Contraseña</label>
</div>
<input type="submit" value="Iniciar sesión" class="boton">
</form>
<br>
¿Olvidaste tu contraseña? <a href="" class="enlaces">Haz click aquí</a><br>
¿No te has registrado? <a href="registro.jsp" class="enlaces">Crea una cuenta nueva</a><br><br>
¿Tienes alguna pregunta? <a href="" class="enlaces">Envíanos un correo</a>
</div>
</div>
</div>
</div>
<!--jquery de Bootstrap-->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
`
<script src="${pageContext.request.contextPath}/images/logo_mini.png" />
para obtener el icono.