@ -19,27 +19,29 @@ belong to the previous footnote.
This paragraph won't be part of the note, because it
isn't indented.
.
<p>Here is a footnote reference,<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a> and another.<a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a ></p>
<p>Here is a footnote reference,<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> and another.<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup ></p>
<p>This paragraph won’t be part of the note, because it
isn’t indented.</p>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p>Here is the footnote.<a href="#fnref1">↩</a></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p>Here is the footnote. <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
<li id="fn2"><p>Here’s one with multiple blocks.</p>
<li id="fn2" class="footnote-item" ><p>Here’s one with multiple blocks.</p>
<p>Subsequent paragraphs are indented to show that they
belong to the previous footnote.</p>
<pre><code>{ some.code }
</code></pre>
<p>The whole paragraph can be indented, or just the first
line. In this way, multi-paragraph footnotes work like
multi-paragraph list items.<a href="#fnref2">↩</a></p>
multi-paragraph list items. <a href="#fnref2" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
They could terminate each other:
.
@ -49,18 +51,18 @@ They could terminate each other:
[^2]: bar
[^3]: baz
.
<p><a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a><a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a><a href="#fn3" class="footnoteRef" id="fnref3"><sup>3</sup></a ></p>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p>foo<a href="#fnref1">↩</a></p>
<p><sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup><sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup><sup class="footnote-ref"><a href="#fn3" id="fnref3">[3]</a></sup ></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p>foo <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
<li id="fn2"><p>bar<a href="#fnref2">↩</a></p>
<li id="fn2" class="footnote-item" ><p>bar <a href="#fnref2" class="footnote-backref ">↩</a></p>
</li>
<li id="fn3"><p>baz<a href="#fnref3">↩</a></p>
<li id="fn3" class="footnote-item" ><p>baz <a href="#fnref3" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
@ -71,17 +73,17 @@ They could be inside blockquotes, and are lazy:
> [^foo]: bar
baz
.
<p><a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a ></p>
<p><sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup ></p>
<blockquote>
</blockquote>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p>bar
baz<a href="#fnref1">↩</a></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p>bar
baz <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
@ -98,6 +100,7 @@ Their labels could not contain spaces or newlines:
]: bar baz</p>
.
We support inline notes too (pandoc example):
.
@ -105,33 +108,35 @@ Here is an inline note.^[Inlines notes are easier to write, since
you don't have to pick an identifier and move down to type the
note.]
.
<p>Here is an inline note.<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a ></p>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p>Inlines notes are easier to write, since
<p>Here is an inline note.<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup ></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p>Inlines notes are easier to write, since
you don’t have to pick an identifier and move down to type the
note.<a href="#fnref1">↩</a></p>
note. <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
They could have arbitrary markup:
.
foo^[ *bar* ]
.
<p>foo<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a ></p>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p> <em>bar</em> <a href="#fnref1">↩</a></p>
<p>foo<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup ></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p> <em>bar</em> <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
Indents:
.
@ -143,19 +148,20 @@ Indents:
[^yyyyy]: foo
---
.
<p><a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a> <a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a ></p>
<p><sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> <sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup ></p>
<hr>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><h2>foo</h2>
<a href="#fnref1">↩</a></li>
<li id="fn2"><p>foo<a href="#fnref2">↩</a></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><h2>foo</h2>
<a href="#fnref1" class="footnote-backref ">↩</a></li>
<li id="fn2" class="footnote-item" ><p>foo <a href="#fnref2" class="footnote-backref ">↩</a></p>
</li>
</ol>
</div >
</section >
.
Indents for the first line:
.
@ -165,15 +171,15 @@ Indents for the first line:
[^yyyyy]: foo
.
<p><a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a> <a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a ></p>
<div class="footnotes ">
<hr >
<ol>
<li id="fn1"><p>foo<a href="#fnref1">↩</a></p>
<p><sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> <sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup ></p>
<hr class="footnotes-sep ">
<section class="footnotes" >
<ol class="footnotes-list" >
<li id="fn1" class="footnote-item" ><p>foo <a href="#fnref1" class="footnote-backref ">↩</a></p>
</li>
<li id="fn2"><pre><code>foo
<li id="fn2" class="footnote-item" ><pre><code>foo
</code></pre>
<a href="#fnref2">↩</a></li>
<a href="#fnref2" class="footnote-backref ">↩</a></li>
</ol>
</div >
</section >
.