[SOLUCIONADO] Enlace sin href que no vaya al inicio de la pagina

[AitorLopez]

Hola. En una pagina, hay un enlace como este:

<a href="">hola</a>

Cada vez que lo pulso, se va al inicio de la pagina.

Lo que quiero es que no haga nada, es decir, si el enlace no tiene href, al pulsar sobre el, que no haga nada.

Un saludo.

[pzin]

Sino quieres enlazar, no pongas enlace alguno, ¿no?

[Naahuel]

1.- (recomendada) No pongas el enlace. Usá otro elemento. Si es cuestión de estilos, solucionalo con CSS usando clases y algún otro elemento (<span> por ejemplo, o lo que creas más semánticamente correcto)

2.- (no recomendada) No pongas el atributo href:

Código HTML:

<a>Hola</a>
 

[RokuMetal]

Podrías intentar poniendo lo siguiente:

Código HTML:

<a href="#">Hola</a>
 

Eso mandaría a llamar a una ancla dentro de la misma página, pero como no hay un anclaje declarado después del "#" no pasa nada y ahí se mantiene.

[Naahuel]

Iniciado por RokuMetal

Podrías intentar poniendo lo siguiente:

Código HTML:

<a href="#">Hola</a>
 

Eso mandaría a llamar a una ancla dentro de la misma página, pero como no hay un anclaje declarado después del "#" no pasa nada y ahí se mantiene.

Eso va a provocar un salto. Si hiciste scroll en la página y hacés click ahí, te va saltar al principio de la página.

[RokuMetal]

Iniciado por Naahuel

Eso va a provocar un salto. Si hiciste scroll en la página y hacés click ahí, te va saltar al principio de la página.

Eso es verdad, había una forma de mantenerlo bloqueado, pero no recuerdo como!

[Naahuel]

Iniciado por RokuMetal

Eso es verdad, había una forma de mantenerlo bloqueado, pero no recuerdo como!

Con JavaScript:

Código HTML:

<a href="#" onclick="return false;">Hola</a>
 

Pero cada vez nos vamos más lejos de lo correcto (no usar un link).

[RokuMetal]

Iniciado por Naahuel

Con JavaScript:

Código HTML:

<a href="#" onclick="return false;">Hola</a>
 

Pero cada vez nos vamos más lejos de lo correcto (no usar un link).

Exacto, pero nuestro amigo de arriba quien sabe que anda haciendo en su web, jaja!

[AitorLopez]

Hola. Gracias a todos por responder.

Ya se que lo ideal sería no poner la etiqueta <a> y solucionarlo con css el tema de los estilos.

Al final, por falta de tiempo, lo he solucionado con:
href="javascript:void(0);"

pero cuando tengas mas tiempo, seguiré vuestras recomendaciones para quitar las <a>.