Footnotes

Footnotes supplement content with references to additional information and are typically placed below the main body of the document.

Numerical Annotations

Remember: We recommend using numerical annotations with textual content.

By default, footnotes are indicated by numerical annotations. Heretto CCMS automatically manages their order. For example, if you insert a new footnote between existing footnotes, their order updates accordingly to their position in the topic.

Figure 1. Two Numerical Annotations.

In the following example, footnote “1” corresponds to “Paragraph A” and footnote “2” corresponds to “Paragraph C”. An additional footnote is added to “Paragraph B” in Three Numerical Annotations.

example of footnotes with numerical annotations.
Figure 2. Three Numerical Annotations.

In the following example, a footnote is added to “Paragraph B”. The order of the numerical footnotes updates automatically.

example of footnotes with numerical annotations that are automatically updates when the user inserts new footnote elements.

Symbolic Annotations

Remember: We recommend using symbolic annotations with numerical content.

You insert symbolic annotations by modifying the callout attribute value of a footnote. Symbolic annotations do not update automatically. For example, if you insert a new footnote between existing symbolic footnotes, you need to update their annotations manually.

Multiple Annotations

You can annotate multiple items in a topic with a single footnote.

Figure 3. Multiple Footnote Annotations.

In the following example, multiple “Footnote A” annotations are inserted in “Paragraph A”, “Paragraph B”, and “Paragraph C”.

multiple footnote annotations

Output

Depending on the output, footnotes can render differently. For example, in some outputs, footnotes may be rendered as endnotes. You can change the way footnotes render by modifying publishing scenarios.

Figure 4. Footnotes in the PDF Output.

In the following example, footnote annotations render as non-clickable superscripts.

example of footnotes in a PDF output
Figure 5. Footnotes in the HTML5 Output.

In the following example, footnote annotations render as links. You can click an annotation to jump between the footnote callout and the corresponding footnote content.

example of footnotes rendered in the HTML5 output