How to link to a <div> on another page?

Question

I'd like that a specific link goes to a certain header on another page. I know how to do it on the current page.

Answer 1

Take a look at anchor tags. You can create an anchor with

<div id="anchor-name">Heading Text</div> 

and refer to it later with

<a href="http://server/page.html#anchor-name">Link text</a> 

Answer 2

You simply combine the ideas of a link to another page, as with href=foo.html, and a link to an element on the same page, as with href=#bar, so that the fragment like #bar is written immediately after the URL that refers to another page:

<a href="foo.html#bar">Some nice link text</a> 

The target is specified the same was as when linking inside one page, e.g.

<div id="bar"> <h2>Some heading</h2> Some content </div> 

or (if you really want to link specifically to a heading only)

<h2 id="bar">Some heading</h2>