<p>This is the first paragraph.<sup id="fnref:first"><a href="#fn:first" rel="footnote">1</a></sup></p> <ul> <li>List item one.<sup id="fnref:second"><a href="#fn:second" rel="footnote">2</a></sup></li> <li>List item two.<sup id="fnref:third"><a href="#fn:third" rel="footnote">3</a></sup></li> </ul> <h1>Header<sup id="fnref:fourth"><a href="#fn:fourth" rel="footnote">4</a></sup></h1> <p>Some paragraph with a footnote<sup id="fnref:1"><a href="#fn:1" rel="footnote">5</a></sup>, and another<sup id="fnref:2"><a href="#fn:2" rel="footnote">6</a></sup>.</p> <p>Another paragraph with a named footnote<sup id="fnref:fn-name"><a href="#fn:fn-name" rel="footnote">7</a></sup>.</p> <p>This paragraph should not have a footnote marker since the footnote is undefined.[^3]</p> <p>This paragraph should not have a footnote marker since the footnote has already been used before.[^1]</p> <p>This paragraph links to a footnote with plenty of block-level content.<sup id="fnref:block"><a href="#fn:block" rel="footnote">8</a></sup></p> <p>This paragraph host the footnote reference within a footnote test<sup id="fnref:reference"><a href="#fn:reference" rel="footnote">9</a></sup>.</p> <hr /> <p>Testing unusual footnote name<sup id="fnref:1$^!"'"><a href="#fn:1$^!"'" rel="footnote">10</a></sup>.</p> <div class="footnotes"> <hr /> <ol> <li id="fn:first"> <p>This is the first note. <a href="#fnref:first" rev="footnote">↩</a></p> </li> <li id="fn:second"> <p>This is the second note. <a href="#fnref:second" rev="footnote">↩</a></p> </li> <li id="fn:third"> <p>This is the third note, defined out of order. <a href="#fnref:third" rev="footnote">↩</a></p> </li> <li id="fn:fourth"> <p>This is the fourth note. <a href="#fnref:fourth" rev="footnote">↩</a></p> </li> <li id="fn:1"> <p>Content for fifth footnote. <a href="#fnref:1" rev="footnote">↩</a></p> </li> <li id="fn:2"> <p>Content for sixth footnote spaning on three lines, with some span-level markup like <em>emphasis</em>, a <a href="http://www.michelf.com/">link</a>. <a href="#fnref:2" rev="footnote">↩</a></p> </li> <li id="fn:fn-name"> <p>Footnote beginning on the line next to the marker. <a href="#fnref:fn-name" rev="footnote">↩</a></p> </li> <li id="fn:block"> <p>Paragraph.</p> <ul> <li>List item</li> </ul> <blockquote> <p>Blockquote</p> </blockquote> <pre><code>Code block </code></pre> <p><a href="#fnref:block" rev="footnote">↩</a></p> </li> <li id="fn:reference"> <p>This footnote has a footnote of its own.<sup id="fnref:nested"><a href="#fn:nested" rel="footnote">11</a></sup> <a href="#fnref:reference" rev="footnote">↩</a></p> </li> <li id="fn:1$^!"'"> <p>Haha! <a href="#fnref:1$^!"'" rev="footnote">↩</a></p> </li> <li id="fn:nested"> <p>This footnote should appear even though as it is refered from another footnote. But [^reference] should be litteral since the footnote with that name has already been used. <a href="#fnref:nested" rev="footnote">↩</a></p> </li> </ol> </div>