docutils/test/functional/expected/footnotes_html5.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4 <meta charset="utf-8"/>
   5 <meta name="viewport" content="width=device-width, initial-scale=1" />
   6 <meta name="generator" content="Docutils 0.18.1: http://docutils.sourceforge.net/" />
   7 <title>Test footnote and citation rendering</title>
   8 <link rel="stylesheet" href="../input/data/minimal.css" type="text/css" />
   9 <link rel="stylesheet" href="../input/data/responsive.css" type="text/css" />
  10 </head>
  11 <body>
  12 <main id="test-footnote-and-citation-rendering">
  13 <h1 class="title">Test footnote and citation rendering</h1>
  14
  15 <p>Paragraphs may contain footnote references (manually numbered<a class="footnote-reference superscript" href="#footnote-1" id="footnote-reference-1" role="doc-noteref"><span class="fn-bracket">[</span>1<span class="fn-bracket">]</span></a>, anonymous auto-numbered<a class="footnote-reference superscript" href="#footnote-2" id="footnote-reference-2" role="doc-noteref"><span class="fn-bracket">[</span>3<span class="fn-bracket">]</span></a>, labeled auto-numbered<a class="footnote-reference superscript" href="#label" id="footnote-reference-3" role="doc-noteref"><span class="fn-bracket">[</span>2<span class="fn-bracket">]</span></a>, or
  16 symbolic<a class="footnote-reference superscript" href="#footnote-3" id="footnote-reference-4" role="doc-noteref"><span class="fn-bracket">[</span>*<span class="fn-bracket">]</span></a>) or citation references (<a class="citation-reference" href="#cit2002" id="citation-reference-1" role="doc-biblioref">[CIT2002]</a>, <a class="citation-reference" href="#du2015" id="citation-reference-2" role="doc-biblioref">[DU2015]</a>).</p>
  17 <aside class="footnote superscript" id="footnote-1" role="note">
  18 <span class="label"><span class="fn-bracket">[</span>1<span class="fn-bracket">]</span></span>
  19 <span class="backrefs">(<a role="doc-backlink" href="#footnote-reference-1">1</a>,<a role="doc-backlink" href="#footnote-reference-5">2</a>)</span>
  20 <p>A footnote contains body elements, consistently indented by at
  21 least 3 spaces.</p>
  22 <p>This is the footnote's second paragraph.</p>
  23 </aside>
  24 <aside class="footnote superscript" id="label" role="note">
  25 <span class="label"><span class="fn-bracket">[</span>2<span class="fn-bracket">]</span></span>
  26 <span class="backrefs">(<a role="doc-backlink" href="#footnote-reference-3">1</a>,<a role="doc-backlink" href="#footnote-reference-6">2</a>)</span>
  27 <p>Footnotes may be numbered, either manually (as in<a class="footnote-reference superscript" href="#footnote-1" id="footnote-reference-5" role="doc-noteref"><span class="fn-bracket">[</span>1<span class="fn-bracket">]</span></a>) or
  28 automatically using a &quot;#&quot;-prefixed label.  This footnote has a
  29 label so it can be referred to from multiple places, both as a
  30 footnote reference (<a class="footnote-reference superscript" href="#label" id="footnote-reference-6" role="doc-noteref"><span class="fn-bracket">[</span>2<span class="fn-bracket">]</span></a>) and as a <a class="reference internal" href="#label">hyperlink reference</a>.</p>
  31 </aside>
  32 <aside class="footnote superscript" id="footnote-2" role="note">
  33 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-2">3</a><span class="fn-bracket">]</span></span>
  34 <p>This footnote is numbered automatically and anonymously using a
  35 label of &quot;#&quot; only.</p>
  36 <p>This is the second paragraph.</p>
  37 <p>And this is the third paragraph.</p>
  38 </aside>
  39 <aside class="footnote superscript" id="footnote-3" role="note">
  40 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-4">*</a><span class="fn-bracket">]</span></span>
  41 <p>Footnotes may also use symbols, specified with a &quot;*&quot; label.
  42 Here's a reference to the next footnote:<a class="footnote-reference superscript" href="#footnote-4" id="footnote-reference-7" role="doc-noteref"><span class="fn-bracket">[</span>†<span class="fn-bracket">]</span></a>.</p>
  43 </aside>
  44 <aside class="footnote superscript" id="footnote-4" role="note">
  45 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-7">†</a><span class="fn-bracket">]</span></span>
  46 <p>This footnote shows the next symbol in the sequence.</p>
  47 </aside>
  48 <aside class="footnote superscript" id="footnote-5" role="note">
  49 <span class="label"><span class="fn-bracket">[</span>4<span class="fn-bracket">]</span></span>
  50 <p>Here's an unreferenced footnote, with a reference to a
  51 nonexistent footnote:<a class="footnote-reference superscript" href="#footnote-6" id="footnote-reference-8" role="doc-noteref"><span class="fn-bracket">[</span>5<span class="fn-bracket">]</span></a>.</p>
  52 </aside>
  53 <section id="citations">
  54 <h2>Citations<a class="self-link" title="link to this section" href="#citations"></a></h2>
  55 <div role="list" class="citation-list">
  56 <div class="citation" id="cit2002" role="doc-biblioentry">
  57 <span class="label"><span class="fn-bracket">[</span>CIT2002<span class="fn-bracket">]</span></span>
  58 <span class="backrefs">(<a role="doc-backlink" href="#citation-reference-1">1</a>,<a role="doc-backlink" href="#citation-reference-3">2</a>)</span>
  59 <p>Citations are text-labeled footnotes. They may be
  60 rendered separately and differently from footnotes.</p>
  61 </div>
  62 <div class="citation" id="du2015" role="doc-biblioentry">
  63 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#citation-reference-2">DU2015</a><span class="fn-bracket">]</span></span>
  64 <p><cite>Example document</cite>, Hometown: 2015.</p>
  65 </div>
  66 </div>
  67 <p>Here's a reference to the above, <a class="citation-reference" href="#cit2002" id="citation-reference-3" role="doc-biblioref">[CIT2002]</a>.</p>
  68 <aside class="footnote superscript" id="footnote-6" role="note">
  69 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-8">5</a><span class="fn-bracket">]</span></span>
  70 <p>this footnote is missing in the standard example document.</p>
  71 </aside>
  72 <p>Footnotes may contain block elements like lists<a class="footnote-reference superscript" href="#footnote-7" id="footnote-reference-9" role="doc-noteref"><span class="fn-bracket">[</span>6<span class="fn-bracket">]</span></a><a class="footnote-reference superscript" href="#list-note" id="footnote-reference-10" role="doc-noteref"><span class="fn-bracket">[</span>7<span class="fn-bracket">]</span></a><a class="footnote-reference superscript" href="#footnote-8" id="footnote-reference-11" role="doc-noteref"><span class="fn-bracket">[</span>8<span class="fn-bracket">]</span></a>,
  73 admonitions<a class="footnote-reference superscript" href="#footnote-9" id="footnote-reference-12" role="doc-noteref"><span class="fn-bracket">[</span>9<span class="fn-bracket">]</span></a>, or tables<a class="footnote-reference superscript" href="#footnote-10" id="footnote-reference-13" role="doc-noteref"><span class="fn-bracket">[</span>10<span class="fn-bracket">]</span></a>.</p>
  74 <aside class="footnote superscript" id="footnote-7" role="note">
  75 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-9">6</a><span class="fn-bracket">]</span></span>
  76 <ol class="arabic simple">
  77 <li><p>An ordered list</p></li>
  78 <li><p>in a footnote.</p></li>
  79 </ol>
  80 </aside>
  81 <aside class="footnote superscript" id="list-note" role="note">
  82 <span class="label"><span class="fn-bracket">[</span>7<span class="fn-bracket">]</span></span>
  83 <span class="backrefs">(<a role="doc-backlink" href="#footnote-reference-10">1</a>,<a role="doc-backlink" href="#footnote-reference-14">2</a>)</span>
  84 <ul class="simple">
  85 <li><p>An unordered list (bullet list)</p></li>
  86 <li><p>in a footnote.</p></li>
  87 </ul>
  88 <p>And a trailing paragraph.</p>
  89 </aside>
  90 <aside class="footnote superscript" id="footnote-8" role="note">
  91 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-11">8</a><span class="fn-bracket">]</span></span>
  92 <dl class="field-list simple">
  93 <dt>Field<span class="colon">:</span></dt>
  94 <dd><p>list</p>
  95 </dd>
  96 <dt>with<span class="colon">:</span></dt>
  97 <dd><p>2 items.</p>
  98 </dd>
  99 </dl>
 100 </aside>
 101 <aside class="footnote superscript" id="footnote-9" role="note">
 102 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-12">9</a><span class="fn-bracket">]</span></span>
 103 <aside class="admonition note">
 104 <p class="admonition-title">Note</p>
 105 <p>This is a note in a note.</p>
 106 </aside>
 107 </aside>
 108 <aside class="footnote superscript" id="footnote-10" role="note">
 109 <span class="label"><span class="fn-bracket">[</span><a role="doc-backlink" href="#footnote-reference-13">10</a><span class="fn-bracket">]</span></span>
 110 <table>
 111 <tbody>
 112 <tr><td><p>a</p></td>
 113 <td><p>table</p></td>
 114 </tr>
 115 <tr><td><p>in a</p></td>
 116 <td><p>footnote</p></td>
 117 </tr>
 118 </tbody>
 119 </table>
 120 </aside>
 121 <p>This<a class="footnote-reference superscript" href="#list-note" id="footnote-reference-14" role="doc-noteref"><span class="fn-bracket">[</span>7<span class="fn-bracket">]</span></a> is a second reference to the footnote containing
 122 a bullet. list.</p>
 123 </section>
 124 </main>
 125 </body>
 126 </html>