href must not reload

Question

I am testing the following link:

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

But, as expected, it reloads my current page. How can I prevent it from reloading the page, but maintaining the -a- tag assigned to it?

Thanks ;)

Answer 1

If you don't want it to behave like a link, then don't use a link tag. Doing so hurt accessibility of a page, and you don't want that. There are other ways of browsing a website than a browser (think about the screen readers), which relies on the semantics of the page elements. Use a span if you simply want to apply a style.

If you still want to use an anchor, you can use this -

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

This will prevent your page reloading.

Answer 2

Just add javascript:void(0) in href you will get..

<a href="javascript:void(0)">Link</a>

Answer 3

I think javascript:; also works.

<a href="javascript:;">Link</a>

Answer 4

Simply don't specify href attribute:

<a>Link</a>

A link without href...

• does not reload a page on click
• does not change cursor to pointer on hover
• does not change text style to underlined