why does anchor name add a slash to url?

I am trying to do what should be some the most basic html, but it’s not working for me. Here is my code:

<a name="rocket"></a>
<div>
<h3>The Title</h3>
<p>some text</p>
</div>

I want to use the anchor name to fly down the contact page to the correct section.

Read More

When I use a link within the contact page like this:

<a href="#rocket">click here</a>

it works fine. But i want to come from another page and then fly down. So I am using this:

<a href="http://mysite.com/contact#rocket">click here</a>

but it seems to add a slash after contact and redirect to http://mysite.com/contact/#rocket, which means that it stays at the top of the contact page instead of flying down.

Does anyone know why this is happening? If you could point me in the right direction, I’d be grateful.

Thanks,

Yukon

ps, i have read all similar questions on this site, but they don’t help me.

Related posts

1 comment

  1. It is okay that the URL changes to http://mysite.com/contact/#rocket, but you should change the way you are defining your anchor on the target page.

    Instead of using this method

    <a name="rocket"></a>
    <div>
    <h3>The Title</h3>
    <p>some text</p>
    </div>
    

    You should add an ID to the content you want to jump to like this:

    <div id="rocket">
    <h3>The Title</h3>
    <p>some text</p>
    </div>
    

    This way your HTML markup is cleaner and there isn’t an extra <a> element for the jump.

Comments are closed.