A Footnote can be used to present an ancillary piece of information usually at the bottom of a page. The benefits of creating footnotes are that the author can add a note of reference, explanation, or comment without disrupting the structure of the sentence. A footnote immediately connects the reader to the citation or your specific thought, concept, or idea related to that text. After completing this how-to you will have an understanding of footnotes and how to create them from within your MindTouch site.
What is a Footnote?
Footnotes1 can be essential when trying to relay additional information to a user. Most readers will review the footnotes after they read the text from where the footnotes are anchored2 to more fully understand the content.
Creating a Footnote
First, you will need to identify the text that you wish to add some additional information or a citation to. After the text is identified, you will want to add the number of the footnote. From there, you will want to highlight the number and select the Superscript button in the editor:
Next, you will want to create the reference for the footnote somewhere at the bottom of the page or content. In the example above, the footnote reference at the bottom is separated with a horizontal line to create a page break between the content and the footnotes. This can be achieved with the Page Break button in the editor:
When creating the reference, make sure to reference the original number of the footnote3.
Advanced Footnote Creation
Once you have completed the steps above you can create links between the footnotes and the reference so the reader can jump directly to the bottom of the page where the information is found (Note:you should have some experience with HTML when following the following steps). It is recommended that you first review creating an anchor in your text.
Creating Links to the Reference Content
First, select the reference number and click on the Link button. Delete the content in the Link to: input box and click the Update Link button. You have now created a blank link. Now you will need to enter source mode and update the link's
hrefproperty and add an
The final link should look like the following in source mode:
<a href="#fn1" id="rf1" title=""><sup>1</sup></a>
You will notice in the
href property used here for the link with the
# sign. That tells the browser that you want to link to the content on the page with the
fn1( 'fn1' stands for footnote 1, but you can customize the text to make it unique to your nomenclature)." The
id is also made use of when linking the footnote to reference back to the original source.
Linking Back to the Original Source
When creating links back to the original source you will want to give the users some visual marker that there is a link back to the original source of the footnote. This will help with user adoption. The character
↵(highlighted below) is this visual representation or the html char code
↵you could also use just a simple return. Following the steps above for creating links to the reference content, you will want to select what ever visual marker you are using to indicate the link back to the source, and click the link button. Delete the content in the Link to input box and click the Update Link button. Once again enter the source mode and the link's
hrefproperty and add an
idagain.The link should look like the following:
<a href="#rf1" id="fn1" title="">↵</a>
This time the
hrefproperty references the
idof the original link preceded by a
#sign and the id is the same we used above omitting the
1. A footnote is a note placed at the bottom of a page that it is on or cites a reference for a designated part of the text.
2. Often, the most interesting information is found in the footnotes. ↵
3. That is all it takes to create a footnote. ↵