Anchors
Anchors have become a recent favorite of mine. They're really simple and easy to use, and it makes things a lot more organized.
First, I place a <div> at the very top, so that when I click on 'Return to Top,' it leads me to the highest place on the page. This is my sample file to give you an idea:
<html>
<head>
<title>Test File</title>
</head>
<body>
<div> <a id="top"></a> </div>
<div id="bucket">
<div id="water">
<h1>About Me</h1>
<p>My name is Coco Banana and I like to sing and dance.</p>
</div>
</div>
</body>
</html>
I then make a little list at the top of the file so that I can link to the different sections:
<ul>
<li><a href="#AboutMe">About Me</a></li>
</ul>
I then locate the header(s) (Ex: <h1>About Me</h1>) and place this code right above it:
<a id="AboutMe"></a>
It now looks something like this:
<html>
<head>
<title>Test File</title>
</head>
<body>
<div> <a id="top"></a> </div>
<div id="bucket">
<div id="water">
<ul>
<li><a href="#AboutMe">About Me</a></li>
</ul>
<a id="AboutMe"></a>
<h1>About Me</h1>
<p>My name is Coco Banana and I like to sing and dance.</p>
</div>
</div>
</body>
</html>
Your <a id> link must be one word (ie: AboutMe, AboutTheSite, ContactMe, etc.). After the about me text, I add this code:
<p><a href="#top">Return to Top</a></p>
This is the link that will lead me to the top of the page, where I first put my <a id="top"></a> code. After adding a few sample links my test file now looks like this:
<html>
<head>
<title>Test File</title>
</head>
<body>
<div> <a id="top"></a> </div>
<div id="bucket">
<div id="water">
<ul>
<li><a href="#AboutMe">About Me</a></li>
<li><a href="#Likes">Likes</a></li>
<li><a href="#Dislikes">Dislikes</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
<a id="AboutMe"></a>
<h1>About Me</h1>
<p>My name is Coco Banana and I like to sing and dance.</p>
<p><a href="#top">Return to Top</a></p>
</div>
</div>
</body>
</html>
And that's it! View the demo to see anchors in action. Anchors help your readers find sections of your subpages easier with anchors. It's convenient, easy, and a great way to structure your pages.