Linkable Table of Contents

Below is the coding for a linkable table of contents.

OPTION ONE: LINKS TO PAGES IN YOUR eBOOK

If you split your chapters into individual HTML pages, then your TOC would appear like this:

<p><a id="toc"/></p>
<p>Table of Contents</p>
<p><a href="../Text/content.xhtml">Chapter 1</a></p>
<p><a href="../Text/chapter2.xhtml">Chapter 2</a></p>
<p><a href="../Text/chapter3.xhtml">Chapter 3</a></p>
<p><a href="../Text/ack.xhtml">Acknowledgements</a></p>
<p><a href="../Text/author.xhtml">About the Author</a></p>

OPTION TWO: LINKS ANCHOR LOCATIONS ON THE SAME PAGE (ONE HTML PAGE)

If you are working from one long HTML “Page” and need to create a TOC that links to the sections, then you need to create anchors and your TOC would appear like this:

Where the anchor name is preceded by a hash tag (#) such as #chapter1.

<p><a id="toc"/></p>
<p>Table of Contents</p>
<p><a href="#chapter1">Chapter 1</a></p>
<p><a href="#chapter3">Chapter 2</a></p>
<p><a href="#chapter4">Chapter 3</a></p>
<p><a href="#ack">Acknowledgements</a></p>
<p><a href="#author">About the Author</a></p>

ANCHORS:

You would need to create anchors for each chapter/section. This would appear like this:

<h1 id=”chapter1″>Chapter1</h1>

where “id” is the anchor name. Anchors and links must match.

Back to TOC

It isn’t necessary to create a back to TOC as most e-readers have the option built-in, however if you wish to add it, then you would create

<a href=”#toc>Back to TOC</a>

and place this where you need for every chapter/section, so long as you have the “id” for the toc AS “toc”

VIDEOS FOR CREATING TOC WITH ANCHORS

Leave a Reply