HTML and CSS Reference
In-Depth Information
contents, as it wereat the beginning of each Kumquat Lover's docu-
ment, a sample of which follows, along with sample fragment identifiers
that appear in the same document. The ellipses symbol (...) means that
there are intervening segments of content, of course:
...
<h3>Table of Contents</h3>
<ol>
<li><a href="#soil_prep">Soil Preparation</a>
<li><a href="#dig_hole">Digging the Hole</a>
<li><a href="#planting">Planting the Tree</a>
</ol>
...
<h3 id=soil_prep>Soil Preparation</h3>
...
<h3 id=dig_hole>Digging the Hole</h3>
...
<h3 id=planting>Planting the Tree</h3>
...
The kumquat lover can thereby click the desired link in the table of con-
tents and jump directly to the section of interest, without lots of tedious
scrolling.
Notice also that this example uses relative URLsa good idea if you ever
intend to move or rename the document without breaking all the hyper-
links.
