How to create a jump to link

Jump link is used for jumping between part of a page.

Wonder how to create a jump link?

Ie: jump from the top of the page to the bottom? This will comes handy if you have a very long page.
Or jump to top from the bottom of a page?

Jump link consist two “HTML a” tags, the link & the destination.

Case: jump to the bottom of the same page.
This is the code where you want to place the jump link:

<a href="#bottom">Jump to bottom</a>

This is the code you need to place at the destination.

<a name="bottom"></a>

Case: jump to the top of the same page.
This is the code where you want to place the jump link:

<a href="#top">Jump to top</a>

This is the code you need to place at the destination.

<a name="top"></a>

Case: jump to the specific part of another page (ie: http://crushedge.com/2008/12/03/how-to-backup-and-restore-putty-settings/).
This is the code where you want to place the jump link:

<a href="http://crushedge.com/2008/12/03/how-to-backup-and-restore-putty-settings/#somewhere">Jump to somewhere</a>

This is the code you need to place at the destination (another-page.html).

<a name="somewhere"></a>

Good luck!

Tagged with 
About sepedatua
I am nothing special, of this I am sure. I am a common man with common thoughts and I’ve led a common life. There are no monuments dedicated to me and my name will soon be forgotten, but I’ve loved another with all my heart and soul, and to me, this has always been enough.

Leave a Reply