df5244fd48
+ hierarchicalize has been rationalized; it builds a hierarchical representation of the document from the headers, and simultaneously gives each section a unique identifier based on the heading title. + Identifiers are now attached to the divs rather than to the headers themselves. + Table of content backlinks go to the beginning of the table, rather than to the section reference that was clicked. This seems better. + Code for constructing identifiers has been moved to Text.Pandoc.Shared from the HTML writer, since it is now consumed only by hierarchicalize. + In --strict mode, pandoc just prints bare headings, as before (unless --toc has been specified). + In s5 output, it does not wrap sections in divs, as that seems to confuse the s5 javascript. + Test suite updated accordingly. git-svn-id: https://pandoc.googlecode.com/svn/trunk@1562 788f1e2b-df1e-0410-8736-df70ead52e1b
1184 lines
21 KiB
HTML
1184 lines
21 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||
><head
|
||
><title
|
||
>Pandoc Test Suite</title
|
||
><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
|
||
/><meta name="generator" content="pandoc"
|
||
/><meta name="author" content="John MacFarlane"
|
||
/><meta name="author" content="Anonymous"
|
||
/><meta name="date" content="July 17, 2006"
|
||
/></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
|
||
><hr
|
||
/><div id="headers"
|
||
><h1
|
||
>Headers</h1
|
||
><div id="level-2-with-an-embedded-link"
|
||
><h2
|
||
>Level 2 with an <a href="/url"
|
||
>embedded link</a
|
||
></h2
|
||
><div id="level-3-with-emphasis"
|
||
><h3
|
||
>Level 3 with <em
|
||
>emphasis</em
|
||
></h3
|
||
><div id="level-4"
|
||
><h4
|
||
>Level 4</h4
|
||
><div id="level-5"
|
||
><h5
|
||
>Level 5</h5
|
||
></div
|
||
></div
|
||
></div
|
||
></div
|
||
></div
|
||
><div id="level-1"
|
||
><h1
|
||
>Level 1</h1
|
||
><div id="level-2-with-emphasis"
|
||
><h2
|
||
>Level 2 with <em
|
||
>emphasis</em
|
||
></h2
|
||
><div id="level-3"
|
||
><h3
|
||
>Level 3</h3
|
||
><p
|
||
>with no blank line</p
|
||
></div
|
||
></div
|
||
><div id="level-2"
|
||
><h2
|
||
>Level 2</h2
|
||
><p
|
||
>with no blank line</p
|
||
><hr
|
||
/></div
|
||
></div
|
||
><div id="paragraphs"
|
||
><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
|
||
><hr
|
||
/></div
|
||
><div id="block-quotes"
|
||
><h1
|
||
>Block Quotes</h1
|
||
><p
|
||
>E-mail style:</p
|
||
><blockquote
|
||
><p
|
||
>This is a block quote. It is pretty short.</p
|
||
></blockquote
|
||
><blockquote
|
||
><p
|
||
>Code in a block quote:</p
|
||
><pre
|
||
><code
|
||
>sub status {
|
||
print "working";
|
||
}
|
||
</code
|
||
></pre
|
||
><p
|
||
>A list:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><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
|
||
>And a following paragraph.</p
|
||
><hr
|
||
/></div
|
||
><div id="code-blocks"
|
||
><h1
|
||
>Code Blocks</h1
|
||
><p
|
||
>Code:</p
|
||
><pre
|
||
><code
|
||
>---- (should be four hyphens)
|
||
|
||
sub status {
|
||
print "working";
|
||
}
|
||
|
||
this code block is indented by one tab
|
||
</code
|
||
></pre
|
||
><p
|
||
>And:</p
|
||
><pre
|
||
><code
|
||
> this code block is indented by two tabs
|
||
|
||
These should not be escaped: \$ \\ \> \[ \{
|
||
</code
|
||
></pre
|
||
><hr
|
||
/></div
|
||
><div id="lists"
|
||
><h1
|
||
>Lists</h1
|
||
><div id="unordered"
|
||
><h2
|
||
>Unordered</h2
|
||
><p
|
||
>Asterisks tight:</p
|
||
><ul
|
||
><li
|
||
>asterisk 1</li
|
||
><li
|
||
>asterisk 2</li
|
||
><li
|
||
>asterisk 3</li
|
||
></ul
|
||
><p
|
||
>Asterisks loose:</p
|
||
><ul
|
||
><li
|
||
><p
|
||
>asterisk 1</p
|
||
></li
|
||
><li
|
||
><p
|
||
>asterisk 2</p
|
||
></li
|
||
><li
|
||
><p
|
||
>asterisk 3</p
|
||
></li
|
||
></ul
|
||
><p
|
||
>Pluses tight:</p
|
||
><ul
|
||
><li
|
||
>Plus 1</li
|
||
><li
|
||
>Plus 2</li
|
||
><li
|
||
>Plus 3</li
|
||
></ul
|
||
><p
|
||
>Pluses loose:</p
|
||
><ul
|
||
><li
|
||
><p
|
||
>Plus 1</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Plus 2</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Plus 3</p
|
||
></li
|
||
></ul
|
||
><p
|
||
>Minuses tight:</p
|
||
><ul
|
||
><li
|
||
>Minus 1</li
|
||
><li
|
||
>Minus 2</li
|
||
><li
|
||
>Minus 3</li
|
||
></ul
|
||
><p
|
||
>Minuses loose:</p
|
||
><ul
|
||
><li
|
||
><p
|
||
>Minus 1</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Minus 2</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Minus 3</p
|
||
></li
|
||
></ul
|
||
></div
|
||
><div id="ordered"
|
||
><h2
|
||
>Ordered</h2
|
||
><p
|
||
>Tight:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><li
|
||
>First</li
|
||
><li
|
||
>Second</li
|
||
><li
|
||
>Third</li
|
||
></ol
|
||
><p
|
||
>and:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><li
|
||
>One</li
|
||
><li
|
||
>Two</li
|
||
><li
|
||
>Three</li
|
||
></ol
|
||
><p
|
||
>Loose using tabs:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><li
|
||
><p
|
||
>First</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Second</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Third</p
|
||
></li
|
||
></ol
|
||
><p
|
||
>and using spaces:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><li
|
||
><p
|
||
>One</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Two</p
|
||
></li
|
||
><li
|
||
><p
|
||
>Three</p
|
||
></li
|
||
></ol
|
||
><p
|
||
>Multiple paragraphs:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><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
|
||
></div
|
||
><div id="nested"
|
||
><h2
|
||
>Nested</h2
|
||
><ul
|
||
><li
|
||
>Tab<ul
|
||
><li
|
||
>Tab<ul
|
||
><li
|
||
>Tab</li
|
||
></ul
|
||
></li
|
||
></ul
|
||
></li
|
||
></ul
|
||
><p
|
||
>Here’s another:</p
|
||
><ol style="list-style-type: decimal;"
|
||
><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
|
||
><ol style="list-style-type: decimal;"
|
||
><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
|
||
></div
|
||
><div id="tabs-and-spaces"
|
||
><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
|
||
></ul
|
||
></div
|
||
><div id="fancy-list-markers"
|
||
><h2
|
||
>Fancy list markers</h2
|
||
><ol start="2" style="list-style-type: decimal;"
|
||
><li
|
||
>begins with 2</li
|
||
><li
|
||
><p
|
||
>and now 3</p
|
||
><p
|
||
>with a continuation</p
|
||
><ol start="4" style="list-style-type: lower-roman;"
|
||
><li
|
||
>sublist with roman numerals, starting with 4</li
|
||
><li
|
||
>more items<ol style="list-style-type: upper-alpha;"
|
||
><li
|
||
>a subsublist</li
|
||
><li
|
||
>a subsublist</li
|
||
></ol
|
||
></li
|
||
></ol
|
||
></li
|
||
></ol
|
||
><p
|
||
>Nesting:</p
|
||
><ol style="list-style-type: upper-alpha;"
|
||
><li
|
||
>Upper Alpha<ol style="list-style-type: upper-roman;"
|
||
><li
|
||
>Upper Roman.<ol start="6" style="list-style-type: decimal;"
|
||
><li
|
||
>Decimal start with 6<ol start="3" style="list-style-type: lower-alpha;"
|
||
><li
|
||
>Lower alpha with paren</li
|
||
></ol
|
||
></li
|
||
></ol
|
||
></li
|
||
></ol
|
||
></li
|
||
></ol
|
||
><p
|
||
>Autonumbering:</p
|
||
><ol
|
||
><li
|
||
>Autonumber.</li
|
||
><li
|
||
>More.<ol
|
||
><li
|
||
>Nested.</li
|
||
></ol
|
||
></li
|
||
></ol
|
||
><p
|
||
>Should not be a list item:</p
|
||
><p
|
||
>M.A. 2007</p
|
||
><p
|
||
>B. Williams</p
|
||
><hr
|
||
/></div
|
||
></div
|
||
><div id="definition-lists"
|
||
><h1
|
||
>Definition Lists</h1
|
||
><p
|
||
>Tight using spaces:</p
|
||
><dl
|
||
><dt
|
||
>apple</dt
|
||
><dd
|
||
>red fruit</dd
|
||
><dt
|
||
>orange</dt
|
||
><dd
|
||
>orange fruit</dd
|
||
><dt
|
||
>banana</dt
|
||
><dd
|
||
>yellow fruit</dd
|
||
></dl
|
||
><p
|
||
>Tight using tabs:</p
|
||
><dl
|
||
><dt
|
||
>apple</dt
|
||
><dd
|
||
>red fruit</dd
|
||
><dt
|
||
>orange</dt
|
||
><dd
|
||
>orange fruit</dd
|
||
><dt
|
||
>banana</dt
|
||
><dd
|
||
>yellow fruit</dd
|
||
></dl
|
||
><p
|
||
>Loose:</p
|
||
><dl
|
||
><dt
|
||
>apple</dt
|
||
><dd
|
||
><p
|
||
>red fruit</p
|
||
></dd
|
||
><dt
|
||
>orange</dt
|
||
><dd
|
||
><p
|
||
>orange fruit</p
|
||
></dd
|
||
><dt
|
||
>banana</dt
|
||
><dd
|
||
><p
|
||
>yellow fruit</p
|
||
></dd
|
||
></dl
|
||
><p
|
||
>Multiple blocks with italics:</p
|
||
><dl
|
||
><dt
|
||
><em
|
||
>apple</em
|
||
></dt
|
||
><dd
|
||
><p
|
||
>red fruit</p
|
||
><p
|
||
>contains seeds, crisp, pleasant to taste</p
|
||
></dd
|
||
><dt
|
||
><em
|
||
>orange</em
|
||
></dt
|
||
><dd
|
||
><p
|
||
>orange fruit</p
|
||
><pre
|
||
><code
|
||
>{ orange code block }
|
||
</code
|
||
></pre
|
||
><blockquote
|
||
><p
|
||
>orange block quote</p
|
||
></blockquote
|
||
></dd
|
||
></dl
|
||
></div
|
||
><div id="html-blocks"
|
||
><h1
|
||
>HTML Blocks</h1
|
||
><p
|
||
>Simple block on one line:</p
|
||
><div>foo</div>
|
||
<p
|
||
>And nested without indentation:</p
|
||
><div>
|
||
<div>
|
||
<div>foo</div>
|
||
</div>
|
||
<div>bar</div>
|
||
</div>
|
||
<p
|
||
>Interpreted markdown in a table:</p
|
||
><table>
|
||
<tr>
|
||
<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
|
||
><div>
|
||
foo</div>
|
||
<p
|
||
>This should be a code block, though:</p
|
||
><pre
|
||
><code
|
||
><div>
|
||
foo
|
||
</div>
|
||
</code
|
||
></pre
|
||
><p
|
||
>As should this:</p
|
||
><pre
|
||
><code
|
||
><div>foo</div>
|
||
</code
|
||
></pre
|
||
><p
|
||
>Now, nested:</p
|
||
><div>
|
||
<div>
|
||
<div>
|
||
foo</div>
|
||
</div>
|
||
</div>
|
||
<p
|
||
>This should just be an HTML comment:</p
|
||
><!-- Comment -->
|
||
<p
|
||
>Multiline:</p
|
||
><!--
|
||
Blah
|
||
Blah
|
||
-->
|
||
|
||
<!--
|
||
This is another comment.
|
||
-->
|
||
<p
|
||
>Code block:</p
|
||
><pre
|
||
><code
|
||
><!-- Comment -->
|
||
</code
|
||
></pre
|
||
><p
|
||
>Just plain comment, with trailing spaces on the line:</p
|
||
><!-- foo -->
|
||
<p
|
||
>Code:</p
|
||
><pre
|
||
><code
|
||
><hr />
|
||
</code
|
||
></pre
|
||
><p
|
||
>Hr’s:</p
|
||
><hr>
|
||
|
||
<hr />
|
||
|
||
<hr />
|
||
|
||
<hr>
|
||
|
||
<hr />
|
||
|
||
<hr />
|
||
|
||
<hr class="foo" id="bar" />
|
||
|
||
<hr class="foo" id="bar" />
|
||
|
||
<hr class="foo" id="bar">
|
||
<hr
|
||
/></div
|
||
><div id="inline-markup"
|
||
><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
|
||
><span style="text-decoration: line-through;"
|
||
>This is <em
|
||
>strikeout</em
|
||
>.</span
|
||
></p
|
||
><p
|
||
>Superscripts: a<sup
|
||
>bc</sup
|
||
>d a<sup
|
||
><em
|
||
>hello</em
|
||
></sup
|
||
> a<sup
|
||
>hello there</sup
|
||
>.</p
|
||
><p
|
||
>Subscripts: H<sub
|
||
>2</sub
|
||
>O, H<sub
|
||
>23</sub
|
||
>O, H<sub
|
||
>many of them</sub
|
||
>O.</p
|
||
><p
|
||
>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p
|
||
><hr
|
||
/></div
|
||
><div id="smart-quotes-ellipses-dashes"
|
||
><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
|
||
><hr
|
||
/></div
|
||
><div id="latex"
|
||
><h1
|
||
>LaTeX</h1
|
||
><ul
|
||
><li
|
||
></li
|
||
><li
|
||
><span class="math"
|
||
>2+2=4</span
|
||
></li
|
||
><li
|
||
><span class="math"
|
||
><em
|
||
>x</em
|
||
> ∈ <em
|
||
>y</em
|
||
></span
|
||
></li
|
||
><li
|
||
><span class="math"
|
||
>α ∧ ω</span
|
||
></li
|
||
><li
|
||
><span class="math"
|
||
>223</span
|
||
></li
|
||
><li
|
||
><span class="math"
|
||
><em
|
||
>p</em
|
||
></span
|
||
>-Tree</li
|
||
><li
|
||
>Here’s some display math: <span class="math"
|
||
>\frac{<em
|
||
>d</em
|
||
>}{<em
|
||
>dx</em
|
||
>}<em
|
||
>f</em
|
||
>(<em
|
||
>x</em
|
||
>)=\lim<sub
|
||
><em
|
||
>h</em
|
||
> → 0</sub
|
||
>\frac{<em
|
||
>f</em
|
||
>(<em
|
||
>x</em
|
||
>+<em
|
||
>h</em
|
||
>)-<em
|
||
>f</em
|
||
>(<em
|
||
>x</em
|
||
>)}{<em
|
||
>h</em
|
||
>}</span
|
||
></li
|
||
><li
|
||
>Here’s one that has a line break in it: <span class="math"
|
||
>α+ω × <em
|
||
>x</em
|
||
><sup
|
||
>2</sup
|
||
></span
|
||
>.</li
|
||
></ul
|
||
><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
|
||
>Shoes ($20) and socks ($5).</li
|
||
><li
|
||
>Escaped <code
|
||
>$</code
|
||
>: $73 <em
|
||
>this should be emphasized</em
|
||
> 23$.</li
|
||
></ul
|
||
><p
|
||
>Here’s a LaTeX table:</p
|
||
><p
|
||
></p
|
||
><hr
|
||
/></div
|
||
><div id="special-characters"
|
||
><h1
|
||
>Special Characters</h1
|
||
><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
|
||
></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
|
||
><hr
|
||
/></div
|
||
><div id="links"
|
||
><h1
|
||
>Links</h1
|
||
><div id="explicit"
|
||
><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
|
||
><a href="/url/with_underscore"
|
||
>with_underscore</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
|
||
></div
|
||
><div id="reference"
|
||
><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
|
||
><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
|
||
></div
|
||
><div id="with-ampersands"
|
||
><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
|
||
></div
|
||
><div id="autolinks"
|
||
><h2
|
||
>Autolinks</h2
|
||
><p
|
||
>With an ampersand: <a href="http://example.com/?foo=1&bar=2"
|
||
><code
|
||
>http://example.com/?foo=1&bar=2</code
|
||
></a
|
||
></p
|
||
><ul
|
||
><li
|
||
>In a list?</li
|
||
><li
|
||
><a href="http://example.com/"
|
||
><code
|
||
>http://example.com/</code
|
||
></a
|
||
></li
|
||
><li
|
||
>It should.</li
|
||
></ul
|
||
><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+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>');
|
||
// -->
|
||
</script
|
||
><noscript
|
||
>nobody at nowhere dot net</noscript
|
||
></p
|
||
><blockquote
|
||
><p
|
||
>Blockquoted: <a href="http://example.com/"
|
||
><code
|
||
>http://example.com/</code
|
||
></a
|
||
></p
|
||
></blockquote
|
||
><p
|
||
>Auto-links should not occur here: <code
|
||
><http://example.com/></code
|
||
></p
|
||
><pre
|
||
><code
|
||
>or here: <http://example.com/>
|
||
</code
|
||
></pre
|
||
><hr
|
||
/></div
|
||
></div
|
||
><div id="images"
|
||
><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
|
||
><hr
|
||
/></div
|
||
><div id="footnotes"
|
||
><h1
|
||
>Footnotes</h1
|
||
><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
|
||
> This should <em
|
||
>not</em
|
||
> be a footnote reference, because it contains a space.[^my note] Here is an inline note.<a href="#fn3" class="footnoteRef" id="fnref3"
|
||
><sup
|
||
>3</sup
|
||
></a
|
||
></p
|
||
><blockquote
|
||
><p
|
||
>Notes can go in quotes.<a href="#fn4" class="footnoteRef" id="fnref4"
|
||
><sup
|
||
>4</sup
|
||
></a
|
||
></p
|
||
></blockquote
|
||
><ol style="list-style-type: decimal;"
|
||
><li
|
||
>And in list items.<a href="#fn5" class="footnoteRef" id="fnref5"
|
||
><sup
|
||
>5</sup
|
||
></a
|
||
></li
|
||
></ol
|
||
><p
|
||
>This paragraph should not be part of the note, as it is not indented.</p
|
||
></div
|
||
><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. <a href="#fnref1" class="footnoteBackLink" title="Jump back to footnote 1">↩</a></p
|
||
></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. <a href="#fnref2" class="footnoteBackLink" title="Jump back to footnote 2">↩</a></p
|
||
></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, as well as [bracketed text]. <a href="#fnref3" class="footnoteBackLink" title="Jump back to footnote 3">↩</a></p
|
||
></li
|
||
><li id="fn4"
|
||
><p
|
||
>In quote. <a href="#fnref4" class="footnoteBackLink" title="Jump back to footnote 4">↩</a></p
|
||
></li
|
||
><li id="fn5"
|
||
><p
|
||
>In list. <a href="#fnref5" class="footnoteBackLink" title="Jump back to footnote 5">↩</a></p
|
||
></li
|
||
></ol
|
||
></div
|
||
></body
|
||
></html
|
||
>
|
||
|