oshirowanen oshirowanen - 3 months ago 35
HTML Question

hash in anchor tags

How do I load a page and get it to open at a certain location of the loaded page?

For example, lets say I have

page1.html
, which has 3 links

<a href="page2.html#1">1</a>
<a href="page2.html#2">2</a>
<a href="page2.html#3">3</a>


on
page2.html
, I have those links on the page also, i.e.

<a href="page3.html#1">1</a>
<a href="page3.html#2">2</a>
<a href="page3.html#3">3</a>


but when I click on the
#2
or
#3
link from
page1.html
, they always open at the top of the page, even though
#2
and
#3
are off the screen on
page2.html
which need to be scrolled down to to be seen.

Not sure what I am doing wrong.

Answer

You need to put named anchors on page2.html, like so:

<a name="1"></a>
…
<a name="2"></a>
…
<a name="3"></a>

– This was before HTML5. Nowadays, you use id instead of name.