6.6. Footnotes

Simple footnotes

This first and simplest form for a footnote is a span element which has a class attribute containing "role-footnote".

Example:

1
2
3

<p>Yoko<span class="role-footnote">Written with kanji <i>ko</i>, meaning
"child". The syllable <i>ko</i> is not generally found at the end of
masculine names.</span> is a Japanese feminine given name.</p>

is rendered as:

Yoko[1] is a Japanese feminine given name.

General footnotes

When you need a footnote to contain paragraphs, lists or tables or when you need to reuse the same footnote at different locations in your document, you'll have to use the second, more general, form for a footnote.

This second form is a div element which has a class attribute containing "role-footnote" and an id attribute.

Moreover, you'll also have to insert an a element at the location where you want the footnote marker to be displayed. This a element, which points to the footnote div, must have a class attribute containing "role-footnote-ref".

Example:

1
2
3
4
5
6

<p>Yoko<a class="role-footnote-ref" href="#ko"></a>is a Japanese
feminine given name.</p>

<div class="role-footnote" id="ko">Written with kanji <i>ko</i>, 
meaning "child". The syllable <i>ko</i> is not generally found 
at the end of masculine names.</div> 

is rendered as:

Yoko[2] is a Japanese feminine given name.