Intrapage Linking

(#) followed by a relevant name, and then defining the location using an anchor element and the name attribute with that name.

You can use as many such links in a document as is reasonable to achieve your goals. This technique is most helpful for navigating very long documents (see Example 2-15).

Example 2-15. Setting up intrapage links

<p><a href="#news">Go to the News</a></p>
<h1>Welcome</h1>
<p>This paragraph welcomes you.</p>
<h2>About</h2>
<p>This paragraph talks about us.</p>
<h2><a name="news">News</a></h2>
<p>This is the section your link will go to.</p>

Figures 2-13 and 2-14 demonstrate how this works.

that might be on another page. To achieve this, you simply use an absolute URL plus the octothorpe followed by the named location in the first document (see Example 2-16).

Example 2-16. Using links to jump to a specific place in another document

<p><a href="http://www.molly.com/headers.html#h2">Follow this link to read about h2 level
 headers</a></p>

You name the section in the document to which you are referring appropriately (see Example 2-17).

Example 2-17. The desired location

<h1><a name="h2">All about h2 level headers</a></h1>

The first document then contains a link to the specific location within the other document.

Beware Name and ID In XHTML 1.1, the name attribute has been completely replaced with the id attribute. As a result, if you're using XHTML 1.1, you'll need to replace all instances of name with id in the anchor element. Some browsers do not recognize this, so use XHTML 1.0 or HTML documents for any pages of this nature to avoid problems.