href＃没有追加到URL的末尾

Question

href # is not appending to end of URL

I have written the html page on which one of the anchor tag has href "#". Whenever I am clicking on it, # is not appending at the end of URL path in browser. Same functionality is working in different websites. Please suggest..

<li class="nav-item d-md-down-none">
      <a class="nav-link" href="#">
        <i class="icon-location-pin"></i>
      </a>
    </li>

My current url is "http://localhost:8080/add/AddDocument.html"

After clicking on the link i should get "http://localhost:8080/add/AddDocument.html#"

But i am getting this "http://localhost:8080/add/#"

Answer 1

This issue is solved.

There is <base href=”/”> tag present in my html which was loading alternative html link while clicking on href="#" .

Thanks for all your help.

Answer 2

Usually, it is to link to part of a page ('#about') . If it is just there instead of being empty('#' vs. '') , it prevents the page from being reloaded on click.

Normally, you define it like this:

<a href="#about"></a>
<div id="about"></a>

In order for your href to have a clickable link ie a web address, by placing the hashtag symbol, you refer the element (image,text, video etc) as a href if the website link is either not yet available or if it's in the same page you can use the hashtag followed by the id name.

Also please check your routing.