diff options
Diffstat (limited to 'tests/writer.html')
| -rw-r--r-- | tests/writer.html | 903 |
1 files changed, 627 insertions, 276 deletions
diff --git a/tests/writer.html b/tests/writer.html index 8915a172c..a14ef60d7 100644 --- a/tests/writer.html +++ b/tests/writer.html @@ -4,13 +4,19 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="generator" content="pandoc" /> + <meta name="author" content="John MacFarlane, Anonymous" /> <meta name="date" content="July 17, 2006" /> <title>Pandoc Test Suite</title> </head> <body> -<h1 class="title">Pandoc Test Suite</h1> -<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber's markdown test suite.</p> +<h1 class="title"> +Pandoc Test Suite +</h1> +<p> + This is a set of tests for pandoc. Most of them are adapted from + John Gruber’s markdown test suite. +</p> <hr /> <h1>Headers</h1> <h2>Level 2 with an <a href="/url">embedded link</a></h2> @@ -20,67 +26,110 @@ <h1>Level 1</h1> <h2>Level 2 with <em>emphasis</em></h2> <h3>Level 3</h3> -<p>with no blank line</p> +<p> + with no blank line +</p> <h2>Level 2</h2> -<p>with no blank line</p> +<p> + with no blank line +</p> <hr /> <h1>Paragraphs</h1> -<p>Here's a regular paragraph.</p> -<p>In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item. Because a hard-wrapped line in the middle of a paragraph looked like a list item.</p> -<p>Here's one with a bullet. * criminey.</p> -<p>There should be a hard line break<br /> -here.</p> +<p> + Here’s a regular paragraph. +</p> +<p> + In Markdown 1.0.0 and earlier. Version 8. This line turns into a + list item. Because a hard-wrapped line in the middle of a paragraph + looked like a list item. +</p> +<p> + Here’s one with a bullet. * criminey. +</p> +<p> + There should be a hard line break<br />here. +</p> <hr /> <h1>Block Quotes</h1> -<p>E-mail style:</p> +<p> + E-mail style: +</p> <blockquote> -<p>This is a block quote. It is pretty short.</p> + <p> + This is a block quote. It is pretty short. + </p> </blockquote> <blockquote> -<p>Code in a block quote:</p> -<pre><code>sub status { + <p> + Code in a block quote: + </p> + <pre><code>sub status { print "working"; } </code></pre> -<p>A list:</p> -<ol> -<li>item one</li> -<li>item two</li> -</ol> -<p>Nested block quotes:</p> -<blockquote> -<p>nested</p> -</blockquote> -<blockquote> -<p>nested</p> -</blockquote> + <p> + A list: + </p> + <ol> + <li>item one</li> + <li>item two</li> + </ol> + <p> + Nested block quotes: + </p> + <blockquote> + <p> + nested + </p> + </blockquote> + <blockquote> + <p> + nested + </p> + </blockquote> </blockquote> -<p>This should not be a block quote: 2 > 1.</p> -<p>Box-style:</p> +<p> + This should not be a block quote: 2 > 1. +</p> +<p> + Box-style: +</p> <blockquote> -<p>Example:</p> -<pre><code>sub status { + <p> + Example: + </p> + <pre><code>sub status { print "working"; } </code></pre> </blockquote> <blockquote> -<ol> -<li>do laundry</li> -<li>take out the trash</li> -</ol> + <ol> + <li>do laundry</li> + <li>take out the trash</li> + </ol> </blockquote> -<p>Here's a nested one:</p> -<blockquote> -<p>Joe said:</p> +<p> + Here’s a nested one: +</p> <blockquote> -<p>Don't quote me.</p> + <p> + Joe said: + </p> + <blockquote> + <p> + Don’t quote me. + </p> + </blockquote> </blockquote> -</blockquote> -<p>And a following paragraph.</p> +<p> + And a following paragraph. +</p> <hr /> <h1>Code Blocks</h1> -<p>Code:</p> +<p> + Code: +</p> <pre><code>---- (should be four hyphens) sub status { @@ -89,7 +138,9 @@ sub status { this code block is indented by one tab </code></pre> -<p>And:</p> +<p> + And: +</p> <pre><code> this code block is indented by two tabs These should not be escaped: \$ \\ \> \[ \{ @@ -97,181 +148,273 @@ These should not be escaped: \$ \\ \> \[ \{ <hr /> <h1>Lists</h1> <h2>Unordered</h2> -<p>Asterisks tight:</p> +<p> + Asterisks tight: +</p> <ul> -<li>asterisk 1</li> -<li>asterisk 2</li> -<li>asterisk 3</li> + <li>asterisk 1</li> + <li>asterisk 2</li> + <li>asterisk 3</li> </ul> -<p>Asterisks loose:</p> +<p> + Asterisks loose: +</p> <ul> -<li><p>asterisk 1</p> -</li> -<li><p>asterisk 2</p> -</li> -<li><p>asterisk 3</p> -</li> + <li><p> + asterisk 1 + </p></li> + <li><p> + asterisk 2 + </p></li> + <li><p> + asterisk 3 + </p></li> </ul> -<p>Pluses tight:</p> +<p> + Pluses tight: +</p> <ul> -<li>Plus 1</li> -<li>Plus 2</li> -<li>Plus 3</li> + <li>Plus 1</li> + <li>Plus 2</li> + <li>Plus 3</li> </ul> -<p>Pluses loose:</p> +<p> + Pluses loose: +</p> <ul> -<li><p>Plus 1</p> -</li> -<li><p>Plus 2</p> -</li> -<li><p>Plus 3</p> -</li> + <li><p> + Plus 1 + </p></li> + <li><p> + Plus 2 + </p></li> + <li><p> + Plus 3 + </p></li> </ul> -<p>Minuses tight:</p> +<p> + Minuses tight: +</p> <ul> -<li>Minus 1</li> -<li>Minus 2</li> -<li>Minus 3</li> + <li>Minus 1</li> + <li>Minus 2</li> + <li>Minus 3</li> </ul> -<p>Minuses loose:</p> +<p> + Minuses loose: +</p> <ul> -<li><p>Minus 1</p> -</li> -<li><p>Minus 2</p> -</li> -<li><p>Minus 3</p> -</li> + <li><p> + Minus 1 + </p></li> + <li><p> + Minus 2 + </p></li> + <li><p> + Minus 3 + </p></li> </ul> <h2>Ordered</h2> -<p>Tight:</p> +<p> + Tight: +</p> <ol> -<li>First</li> -<li>Second</li> -<li>Third</li> + <li>First</li> + <li>Second</li> + <li>Third</li> </ol> -<p>and:</p> +<p> + and: +</p> <ol> -<li>One</li> -<li>Two</li> -<li>Three</li> + <li>One</li> + <li>Two</li> + <li>Three</li> </ol> -<p>Loose using tabs:</p> +<p> + Loose using tabs: +</p> <ol> -<li><p>First</p> -</li> -<li><p>Second</p> -</li> -<li><p>Third</p> -</li> + <li><p> + First + </p></li> + <li><p> + Second + </p></li> + <li><p> + Third + </p></li> </ol> -<p>and using spaces:</p> +<p> + and using spaces: +</p> <ol> -<li><p>One</p> -</li> -<li><p>Two</p> -</li> -<li><p>Three</p> -</li> + <li><p> + One + </p></li> + <li><p> + Two + </p></li> + <li><p> + Three + </p></li> </ol> -<p>Multiple paragraphs:</p> +<p> + Multiple paragraphs: +</p> <ol> -<li><p>Item 1, graf one.</p> -<p>Item 1. graf two. The quick brown fox jumped over the lazy dog's back.</p> -</li> -<li><p>Item 2.</p> -</li> -<li><p>Item 3.</p> -</li> + <li><p> + Item 1, graf one. + </p> + <p> + Item 1. graf two. The quick brown fox jumped over the lazy + dog’s back. + </p></li> + <li><p> + Item 2. + </p></li> + <li><p> + Item 3. + </p></li> </ol> <h2>Nested</h2> <ul> -<li>Tab<ul> -<li>Tab<ul> -<li>Tab</li> -</ul> -</li> -</ul> -</li> + <li>Tab + <ul> + <li>Tab + <ul> + <li>Tab</li> + </ul></li> + </ul></li> </ul> -<p>Here's another:</p> +<p> + Here’s another: +</p> <ol> -<li>First</li> -<li>Second:<ul> -<li>Fee</li> -<li>Fie</li> -<li>Foe</li> -</ul> -</li> -<li>Third</li> + <li>First</li> + <li>Second: + <ul> + <li>Fee</li> + <li>Fie</li> + <li>Foe</li> + </ul></li> + <li>Third</li> </ol> -<p>Same thing but with paragraphs:</p> +<p> + Same thing but with paragraphs: +</p> <ol> -<li><p>First</p> -</li> -<li><p>Second:</p> -<ul> -<li>Fee</li> -<li>Fie</li> -<li>Foe</li> -</ul> -</li> -<li><p>Third</p> -</li> + <li><p> + First + </p></li> + <li><p> + Second: + </p> + <ul> + <li>Fee</li> + <li>Fie</li> + <li>Foe</li> + </ul></li> + <li><p> + Third + </p></li> </ol> <h2>Tabs and spaces</h2> <ul> -<li><p>this is a list item indented with tabs</p> -</li> -<li><p>this is a list item indented with spaces</p> -<ul> -<li><p>this is an example list item indented with tabs</p> -</li> -<li><p>this is an example list item indented with spaces</p> -</li> -</ul> -</li> + <li><p> + this is a list item indented with tabs + </p></li> + <li><p> + this is a list item indented with spaces + </p> + <ul> + <li><p> + this is an example list item indented with tabs + </p></li> + <li><p> + this is an example list item indented with spaces + </p></li> + </ul></li> </ul> <hr /> <h1>HTML Blocks</h1> -<p>Simple block on one line:</p> -<div>foo</div> -<p>And nested without indentation:</p> +<p> + Simple block on one line: +</p> +<div> +foo +</div> + +<p> + And nested without indentation: +</p> +<div> <div> <div> -<div>foo</div> +foo +</div> +</div> +<div> +bar </div> -<div>bar</div> </div> -<p>Interpreted markdown in a table:</p> + +<p> + Interpreted markdown in a table: +</p> <table> <tr> -<td>This is <em>emphasized</em></td> -<td>And this is <strong>strong</strong></td> +<td> +This is <em>emphasized</em> +</td> +<td> +And this is <strong>strong</strong> +</td> </tr> </table> <script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script> -<p>Here's a simple block:</p> + +<p> + Here’s a simple block: +</p> <div> - foo</div> -<p>This should be a code block, though:</p> + +foo +</div> + +<p> + This should be a code block, though: +</p> <pre><code><div> foo </div> </code></pre> -<p>As should this:</p> +<p> + As should this: +</p> <pre><code><div>foo</div> </code></pre> -<p>Now, nested:</p> +<p> + Now, nested: +</p> <div> <div> <div> - foo</div> + +foo +</div> </div> </div> -<p>This should just be an HTML comment:</p> + +<p> + This should just be an HTML comment: +</p> <!-- Comment --> -<p>Multiline:</p> + +<p> + Multiline: +</p> <!-- Blah Blah @@ -280,15 +423,25 @@ Blah <!-- This is another comment. --> -<p>Code block:</p> + +<p> + Code block: +</p> <pre><code><!-- Comment --> </code></pre> -<p>Just plain comment, with trailing spaces on the line:</p> +<p> + Just plain comment, with trailing spaces on the line: +</p> <!-- foo --> -<p>Code:</p> + +<p> + Code: +</p> <pre><code><hr /> </code></pre> -<p>Hr's:</p> +<p> + Hr’s: +</p> <hr> <hr /> @@ -306,169 +459,367 @@ Blah <hr class="foo" id="bar" /> <hr class="foo" id="bar"> + <hr /> <h1>Inline Markup</h1> -<p>This is <em>emphasized</em>, and so <em>is this</em>.</p> -<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p> -<p>An <em><a href="/url">emphasized link</a></em>.</p> -<p><strong><em>This is strong and em.</em></strong></p> -<p>So is <strong><em>this</em></strong> word.</p> -<p><strong><em>This is strong and em.</em></strong></p> -<p>So is <strong><em>this</em></strong> word.</p> -<p>This is code: <code>></code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code><html></code>.</p> +<p> + This is <em>emphasized</em>, and so <em>is this</em>. +</p> +<p> + This is <strong>strong</strong>, and so <strong>is this</strong>. +</p> +<p> + An <em><a href="/url">emphasized link</a></em>. +</p> +<p> + <strong><em>This is strong and em.</em></strong> +</p> +<p> + So is <strong><em>this</em></strong> word. +</p> +<p> + <strong><em>This is strong and em.</em></strong> +</p> +<p> + So is <strong><em>this</em></strong> word. +</p> +<p> + This is code: <code>></code>, <code>$</code>, <code>\</code>, + <code>\$</code>, <code><html></code>. +</p> <hr /> <h1>Smart quotes, ellipses, dashes</h1> -<p>"Hello," said the spider. "'Shelob' is my name."</p> -<p>'A', 'B', and 'C' are letters.</p> -<p>'Oak,' 'elm,' and 'beech' are names of trees. So is 'pine.'</p> -<p>'He said, "I want to go."' Were you alive in the 70's?</p> -<p>Here is some quoted '<code>code</code>' and a "<a href="http://example.com/?foo=1&bar=2">quoted link</a>".</p> -<p>Some dashes: one---two --- three--four -- five.</p> -<p>Dashes between numbers: 5-7, 255-66, 1987-1999.</p> -<p>Ellipses...and. . .and . . . .</p> +<p> + “Hello,” said the spider. + “‘Shelob’ is my name.” +</p> +<p> + ‘A’, ‘B’, and ‘C’ are letters. +</p> +<p> + ‘Oak,’ ‘elm,’ and ‘beech’ are + names of trees. So is ‘pine.’ +</p> +<p> + ‘He said, “I want to go.”’ Were you alive + in the 70’s? +</p> +<p> + Here is some quoted ‘<code>code</code>’ and a + “<a href="http://example.com/?foo=1&bar=2">quoted link</a>”. +</p> +<p> + Some dashes: one—two—three—four—five. +</p> +<p> + Dashes between numbers: 5–7, 255–66, 1987–1999. +</p> +<p> + Ellipses…and…and…. +</p> <hr /> <h1>LaTeX</h1> <ul> -<li>\cite[22-23]{smith.1899}</li> -<li>\doublespacing</li> -<li>$2+2=4$</li> -<li>$x \in y$</li> -<li>$\alpha \wedge \omega$</li> -<li>$223$</li> -<li>$p$-Tree</li> -<li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> -<li>Here's one that has a line break in it: $\alpha + \omega \times x^2$.</li> + <li>\cite[22-23]{smith.1899}</li> + <li>\doublespacing</li> + <li>$2+2=4$</li> + <li>$x \in y$</li> + <li>$\alpha \wedge \omega$</li> + <li>$223$</li> + <li>$p$-Tree</li> + <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> + <li>Here’s one that has a line break in it: + $\alpha + \omega \times x^2$.</li> </ul> -<p>These shouldn't be math:</p> +<p> + These shouldn’t be math: +</p> <ul> -<li>To get the famous equation, write <code>$e = mc^2$</code>.</li> -<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if "lot" is emphasized.)</li> -<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li> + <li>To get the famous equation, write <code>$e = mc^2$</code>.</li> + <li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked + if “lot” is emphasized.)</li> + <li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> + 23$.</li> </ul> -<p>Here's a LaTeX table:</p> -<p>\begin{tabular}{|l|l|}\hline +<p> + Here’s a LaTeX table: +</p> +<p> + \begin{tabular}{|l|l|}\hline Animal & Number \\ \hline Dog & 2 \\ Cat & 1 \\ \hline -\end{tabular}</p> +\end{tabular} +</p> <hr /> <h1>Special Characters</h1> -<p>Here is some unicode:</p> +<p> + Here is some unicode: +</p> <ul> -<li>I hat: Î</li> -<li>o umlaut: ö</li> -<li>section: §</li> -<li>set membership: ∈</li> -<li>copyright: ©</li> + <li>I hat: Î</li> + <li>o umlaut: ö</li> + <li>section: §</li> + <li>set membership: ∈</li> + <li>copyright: ©</li> </ul> -<p>AT&T has an ampersand in their name.</p> -<p>AT&T is another way to write it.</p> -<p>This & that.</p> -<p>4 < 5.</p> -<p>6 > 5.</p> -<p>Backslash: \</p> -<p>Backtick: `</p> -<p>Asterisk: *</p> -<p>Underscore: _</p> -<p>Left brace: {</p> -<p>Right brace: }</p> -<p>Left bracket: [</p> -<p>Right bracket: ]</p> -<p>Left paren: (</p> -<p>Right paren: )</p> -<p>Greater-than: ></p> -<p>Hash: #</p> -<p>Period: .</p> -<p>Bang: !</p> -<p>Plus: +</p> -<p>Minus: -</p> +<p> + AT&T has an ampersand in their name. +</p> +<p> + AT&T is another way to write it. +</p> +<p> + This & that. +</p> +<p> + 4 < 5. +</p> +<p> + 6 > 5. +</p> +<p> + Backslash: \ +</p> +<p> + Backtick: ` +</p> +<p> + Asterisk: * +</p> +<p> + Underscore: _ +</p> +<p> + Left brace: { +</p> +<p> + Right brace: } +</p> +<p> + Left bracket: [ +</p> +<p> + Right bracket: ] +</p> +<p> + Left paren: ( +</p> +<p> + Right paren: ) +</p> +<p> + Greater-than: > +</p> +<p> + Hash: # +</p> +<p> + Period: . +</p> +<p> + Bang: ! +</p> +<p> + Plus: + +</p> +<p> + Minus: - +</p> <hr /> <h1>Links</h1> <h2>Explicit</h2> -<p>Just a <a href="/url/">URL</a>.</p> -<p><a href="/url/" title="title">URL and title</a>.</p> -<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p> -<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p> -<p><a href="/url/" title="title with "quotes" in it">URL and title</a></p> -<p><a href="/url/" title="title with single quotes">URL and title</a></p> -<p><script type="text/javascript"> +<p> + Just a <a href="/url/">URL</a>. +</p> +<p> + <a href="/url/" title="title">URL and title</a>. +</p> +<p> + <a href="/url/" title="title preceded by two spaces">URL and title</a>. +</p> +<p> + <a href="/url/" title="title preceded by a tab">URL and title</a>. +</p> +<p> + <a href="/url/" title="title with "quotes" in it">URL and title</a> +</p> +<p> + <a href="/url/" title="title with single quotes">URL and title</a> +</p> +<p> + <script type="text/javascript"> <!-- h='nowhere.net';a='@';n='nobody';e=n+a+h; document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>'); // --> -</script><noscript>Email link (nobody at nowhere dot net)</noscript></p> -<p><a href="">Empty</a>.</p> +</script><noscript>Email link (nobody at nowhere dot net)</noscript> +</p> +<p> + <a href="">Empty</a>. +</p> <h2>Reference</h2> -<p>Foo <a href="/url/">bar</a>.</p> -<p>Foo <a href="/url/">bar</a>.</p> -<p>Foo <a href="/url/">bar</a>.</p> -<p>With <a href="/url/">embedded [brackets]</a>.</p> -<p><a href="/url/">b</a> by itself should be a link.</p> -<p>Indented <a href="/url">once</a>.</p> -<p>Indented <a href="/url">twice</a>.</p> -<p>Indented <a href="/url">thrice</a>.</p> -<p>This should [not][] be a link.</p> +<p> + Foo <a href="/url/">bar</a>. +</p> +<p> + Foo <a href="/url/">bar</a>. +</p> +<p> + Foo <a href="/url/">bar</a>. +</p> +<p> + With <a href="/url/">embedded [brackets]</a>. +</p> +<p> + <a href="/url/">b</a> by itself should be a link. +</p> +<p> + Indented <a href="/url">once</a>. +</p> +<p> + Indented <a href="/url">twice</a>. +</p> +<p> + Indented <a href="/url">thrice</a>. +</p> +<p> + This should [not][] be a link. +</p> <pre><code>[not]: /url </code></pre> -<p>Foo <a href="/url/" title="Title with "quotes" inside">bar</a>.</p> -<p>Foo <a href="/url/" title="Title with "quote" inside">biz</a>.</p> +<p> + Foo + <a href="/url/" title="Title with "quotes" inside">bar</a>. +</p> +<p> + Foo + <a href="/url/" title="Title with "quote" inside">biz</a>. +</p> <h2>With ampersands</h2> -<p>Here's a <a href="http://example.com/?foo=1&bar=2">link with an ampersand in the URL</a>.</p> -<p>Here's a link with an amersand in the link text: <a href="http://att.com/" title="AT&T">AT&T</a>.</p> -<p>Here's an <a href="/script?foo=1&bar=2">inline link</a>.</p> -<p>Here's an <a href="/script?foo=1&bar=2">inline link in pointy braces</a>.</p> +<p> + Here’s a + <a href="http://example.com/?foo=1&bar=2">link with an ampersand in the URL</a>. +</p> +<p> + Here’s a link with an amersand in the link text: + <a href="http://att.com/" title="AT&T">AT&T</a>. +</p> +<p> + Here’s an <a href="/script?foo=1&bar=2">inline link</a>. +</p> +<p> + Here’s an + <a href="/script?foo=1&bar=2">inline link in pointy braces</a>. +</p> <h2>Autolinks</h2> -<p>With an ampersand: <a href="http://example.com/?foo=1&bar=2">http://example.com/?foo=1&bar=2</a></p> +<p> + With an ampersand: + <a href="http://example.com/?foo=1&bar=2">http://example.com/?foo=1&bar=2</a> +</p> <ul> -<li>In a list?</li> -<li><a href="http://example.com/">http://example.com/</a></li> -<li>It should.</li> + <li>In a list?</li> + <li><a href="http://example.com/">http://example.com/</a></li> + <li>It should.</li> </ul> -<p>An e-mail address: <script type="text/javascript"> +<p> + An e-mail address: + <script type="text/javascript"> <!-- h='nowhere.net';a='@';n='nobody';e=n+a+h; document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>'); // --> -</script><noscript>nobody at nowhere dot net</noscript></p> +</script><noscript>nobody at nowhere dot net</noscript> +</p> <blockquote> -<p>Blockquoted: <a href="http://example.com/">http://example.com/</a></p> + <p> + Blockquoted: <a href="http://example.com/">http://example.com/</a> + </p> </blockquote> -<p>Auto-links should not occur here: <code><http://example.com/></code></p> +<p> + Auto-links should not occur here: + <code><http://example.com/></code> +</p> <pre><code>or here: <http://example.com/> </code></pre> <hr /> <h1>Images</h1> -<p>From "Voyage dans la Lune" by Georges Melies (1902):</p> -<p><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"></p> -<p>Here is a movie <img src="movie.jpg" alt="movie"> icon.</p> +<p> + From “Voyage dans la Lune” by Georges Melies (1902): +</p> +<p> + <img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" /> +</p> +<p> + Here is a movie <img src="movie.jpg" alt="movie" /> icon. +</p> <hr /> <h1>Footnotes</h1> -<p>Here is a footnote reference,<sup class="footnoteRef" id="fnref1"><a href="#fn1">1</a></sup> and another.<sup class="footnoteRef" id="fnref2"><a href="#fn2">2</a></sup> This should <em>not</em> be a footnote reference, because it contains a space.[^my note] Here is an inline note.<sup class="footnoteRef" id="fnref3"><a href="#fn3">3</a></sup></p> +<p> + Here is a footnote + reference,<sup class="footnoteRef" id="fnref1"><a href="#fn1">1</a></sup> + and + another.<sup class="footnoteRef" id="fnref2"><a href="#fn2">2</a></sup> + This should <em>not</em> be a footnote reference, because it + contains a space.[^my note] Here is an inline + note.<sup class="footnoteRef" id="fnref3"><a href="#fn3">3</a></sup> +</p> <blockquote> -<p>Notes can go in quotes.<sup class="footnoteRef" id="fnref4"><a href="#fn4">4</a></sup></p> + <p> + Notes can go in + quotes.<sup class="footnoteRef" id="fnref4"><a href="#fn4">4</a></sup> + </p> </blockquote> <ol> -<li>And in list items.<sup class="footnoteRef" id="fnref5"><a href="#fn5">5</a></sup></li> + <li>And in list + items.<sup class="footnoteRef" id="fnref5"><a href="#fn5">5</a></sup></li> </ol> -<p>This paragraph should not be part of the note, as it is not indented.</p> +<p> + This paragraph should not be part of the note, as it is not + indented. +</p> <div class="footnotes"> -<hr /> -<ol> -<li id="fn1"><p>Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document.</p> - <a href="#fnref1" class="footnoteBacklink" title="Jump back to footnote 1">↩</a></li> -<li id="fn2"><p>Here's the long note. This one contains multiple blocks.</p> -<p>Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p> -<pre><code> { <code> } + <hr /> + <ol> + <li id="fn1"> + <p> + Here is the footnote. It can go anywhere after the footnote + reference. It need not be placed at the end of the document. + </p><a href="#fnref1" class="footnoteBacklink" title="Jump back to footnote 1">↩</a> + </li> + <li id="fn2"> + <p> + Here’s the long note. This one contains multiple blocks. + </p> + <p> + Subsequent blocks are indented to show that they belong to the + footnote (as with list items). + </p> + <pre><code> { <code> } </code></pre> -<p>If you want, you can indent every line, but you can also be lazy and just indent the first line of each block.</p> - <a href="#fnref2" class="footnoteBacklink" title="Jump back to footnote 2">↩</a></li> -<li id="fn3"><p>This is <em>easier</em> to type. Inline notes may contain <a href="http://google.com">links</a> and <code>]</code> verbatim characters.</p> - <a href="#fnref3" class="footnoteBacklink" title="Jump back to footnote 3">↩</a></li> -<li id="fn4"><p>In quote.</p> - <a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4">↩</a></li> -<li id="fn5"><p>In list.</p> - <a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5">↩</a></li> -</ol> + <p> + If you want, you can indent every line, but you can also be lazy + and just indent the first line of each block. + </p><a href="#fnref2" class="footnoteBacklink" title="Jump back to footnote 2">↩</a> + </li> + <li id="fn3"> + <p> + This is <em>easier</em> to type. Inline notes may contain + <a href="http://google.com">links</a> and <code>]</code> verbatim + characters. + </p><a href="#fnref3" class="footnoteBacklink" title="Jump back to footnote 3">↩</a> + </li> + <li id="fn4"> + <p> + In quote. + </p><a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4">↩</a> + </li> + <li id="fn5"> + <p> + In list. + </p><a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5">↩</a> + </li> + </ol> </div> </body> </html> |