Link without using href

Question

Is there any way to use links without the tag <a href>. For example <a href="exemplo">exemplo</a> there’s another way to do this?

Answer 1

The only alternative is using Javascript, inline in HTML or with event headphone.

You should keep in mind that in terms of SEO and semantics to tag <a> is the correct one to use. But if you still want to not use an anchor you can use it like this (taking into account the stylization of the mouse pointer, as @Maniero indicated):

event headphone

HTML

<div id="link" data-link="site.com">exemplo</div>

Javascript

document.getElementById('link').addEventListener('click', function () {
  var href = this.dataset.link;
  window.location = href;
});

inline

HTML

<div onclick="location.href = 'site.com'">exemplo</div>

Answer 2

As a matter of curiosity it might be to do this:

<a id="missionclick" class="moreinfo" style="cursor:pointer;">exemplo</a>

I put in the Github for future reference.

Obviously there is no need to avoid the <a href>.

Source.

Answer 3

You can perform the following:

HTML

<a class="meuClick" style="cursor:pointer;">Aqui</a>

In his javascript:

$("a").on('click', '.meuClick', function()
{
   //faça algo
}

Using this method, it recognizes even if it is a link from GIFT (or dynamic).

Answer 4

Not unlike the answers "inline" already presented but using window.open()

<a onclick="window.open('/','_self', 'noopener')" style="cursor:pointer;">SOpt</a>

The difference is by the second argument: _self to the same window or _blank to open in a new tab