16d134218b
The default `flex` and `overflow-x` properties of a column are set to `auto`. In combination, these changes allow to get good results when using columns with or without explicit widths.
752 lines
18 KiB
Text
752 lines
18 KiB
Text
<!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>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||
<meta name="generator" content="pandoc" />
|
||
<meta name="author" content="John MacFarlane" />
|
||
<meta name="author" content="Anonymous" />
|
||
<meta name="date" content="2006-07-17" />
|
||
<title>Pandoc Test Suite</title>
|
||
<style type="text/css">
|
||
html {
|
||
line-height: 1.5;
|
||
font-family: Georgia, serif;
|
||
font-size: 20px;
|
||
color: #1a1a1a;
|
||
background-color: #fdfdfd;
|
||
}
|
||
body {
|
||
margin: 0 auto;
|
||
max-width: 36em;
|
||
padding-left: 50px;
|
||
padding-right: 50px;
|
||
padding-top: 50px;
|
||
padding-bottom: 50px;
|
||
hyphens: auto;
|
||
overflow-wrap: break-word;
|
||
text-rendering: optimizeLegibility;
|
||
font-kerning: normal;
|
||
}
|
||
@media (max-width: 600px) {
|
||
body {
|
||
font-size: 0.9em;
|
||
padding: 1em;
|
||
}
|
||
h1 {
|
||
font-size: 1.8em;
|
||
}
|
||
}
|
||
@media print {
|
||
body {
|
||
background-color: transparent;
|
||
color: black;
|
||
font-size: 12pt;
|
||
}
|
||
p, h2, h3 {
|
||
orphans: 3;
|
||
widows: 3;
|
||
}
|
||
h2, h3, h4 {
|
||
page-break-after: avoid;
|
||
}
|
||
}
|
||
p {
|
||
margin: 1em 0;
|
||
}
|
||
a {
|
||
color: #1a1a1a;
|
||
}
|
||
a:visited {
|
||
color: #1a1a1a;
|
||
}
|
||
img {
|
||
max-width: 100%;
|
||
}
|
||
h1, h2, h3, h4, h5, h6 {
|
||
margin-top: 1.4em;
|
||
}
|
||
h5, h6 {
|
||
font-size: 1em;
|
||
font-style: italic;
|
||
}
|
||
h6 {
|
||
font-weight: normal;
|
||
}
|
||
ol, ul {
|
||
padding-left: 1.7em;
|
||
margin-top: 1em;
|
||
}
|
||
li > ol, li > ul {
|
||
margin-top: 0;
|
||
}
|
||
blockquote {
|
||
margin: 1em 0 1em 1.7em;
|
||
padding-left: 1em;
|
||
border-left: 2px solid #e6e6e6;
|
||
color: #606060;
|
||
}
|
||
code {
|
||
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
|
||
font-size: 85%;
|
||
margin: 0;
|
||
}
|
||
pre {
|
||
margin: 1em 0;
|
||
overflow: auto;
|
||
}
|
||
pre code {
|
||
padding: 0;
|
||
overflow: visible;
|
||
overflow-wrap: normal;
|
||
}
|
||
.sourceCode {
|
||
background-color: transparent;
|
||
overflow: visible;
|
||
}
|
||
hr {
|
||
background-color: #1a1a1a;
|
||
border: none;
|
||
height: 1px;
|
||
margin: 1em 0;
|
||
}
|
||
table {
|
||
margin: 1em 0;
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
overflow-x: auto;
|
||
display: block;
|
||
font-variant-numeric: lining-nums tabular-nums;
|
||
}
|
||
table caption {
|
||
margin-bottom: 0.75em;
|
||
}
|
||
tbody {
|
||
margin-top: 0.5em;
|
||
border-top: 1px solid #1a1a1a;
|
||
border-bottom: 1px solid #1a1a1a;
|
||
}
|
||
th {
|
||
border-top: 1px solid #1a1a1a;
|
||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||
}
|
||
td {
|
||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||
}
|
||
header {
|
||
margin-bottom: 4em;
|
||
text-align: center;
|
||
}
|
||
#TOC li {
|
||
list-style: none;
|
||
}
|
||
#TOC ul {
|
||
padding-left: 1.3em;
|
||
}
|
||
#TOC > ul {
|
||
padding-left: 0;
|
||
}
|
||
#TOC a:not(:hover) {
|
||
text-decoration: none;
|
||
}
|
||
code{white-space: pre-wrap;}
|
||
span.smallcaps{font-variant: small-caps;}
|
||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||
div.column{flex: auto; overflow-x: auto;}
|
||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||
ul.task-list{list-style: none;}
|
||
ul.task-list li input[type="checkbox"] {
|
||
width: 0.8em;
|
||
margin: 0 0.8em 0.2em -1.6em;
|
||
vertical-align: middle;
|
||
}
|
||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="header">
|
||
<h1 class="title">Pandoc Test Suite</h1>
|
||
<h2 class="author">John MacFarlane</h2>
|
||
<h2 class="author">Anonymous</h2>
|
||
<h3 class="date">July 17, 2006</h3>
|
||
</div>
|
||
<p>This is a set of tests for pandoc. Most of them are adapted from John
|
||
Gruber’s markdown test suite.</p>
|
||
<hr />
|
||
<h1 id="headers">Headers</h1>
|
||
<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded
|
||
link</a></h2>
|
||
<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
|
||
<h4 id="level-4">Level 4</h4>
|
||
<h5 id="level-5">Level 5</h5>
|
||
<h1 id="level-1">Level 1</h1>
|
||
<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
|
||
<h3 id="level-3">Level 3</h3>
|
||
<p>with no blank line</p>
|
||
<h2 id="level-2">Level 2</h2>
|
||
<p>with no blank line</p>
|
||
<hr />
|
||
<h1 id="paragraphs">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 />
|
||
<h1 id="block-quotes">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 />
|
||
<h1 id="code-blocks">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 />
|
||
<h1 id="lists">Lists</h1>
|
||
<h2 id="unordered">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>
|
||
<h2 id="ordered">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>
|
||
<h2 id="nested">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>
|
||
<h2 id="tabs-and-spaces">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>
|
||
<h2 id="fancy-list-markers">Fancy list markers</h2>
|
||
<ol start="2" style="list-style-type: decimal">
|
||
<li><p>begins with 2</p></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 />
|
||
<h1 id="definition-lists">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>
|
||
<p>Multiple definitions, tight:</p>
|
||
<dl>
|
||
<dt>apple</dt>
|
||
<dd>
|
||
red fruit
|
||
</dd>
|
||
<dd>
|
||
computer
|
||
</dd>
|
||
<dt>orange</dt>
|
||
<dd>
|
||
orange fruit
|
||
</dd>
|
||
<dd>
|
||
bank
|
||
</dd>
|
||
</dl>
|
||
<p>Multiple definitions, loose:</p>
|
||
<dl>
|
||
<dt>apple</dt>
|
||
<dd>
|
||
<p>red fruit</p>
|
||
</dd>
|
||
<dd>
|
||
<p>computer</p>
|
||
</dd>
|
||
<dt>orange</dt>
|
||
<dd>
|
||
<p>orange fruit</p>
|
||
</dd>
|
||
<dd>
|
||
<p>bank</p>
|
||
</dd>
|
||
</dl>
|
||
<p>Blank line after term, indented marker, alternate markers:</p>
|
||
<dl>
|
||
<dt>apple</dt>
|
||
<dd>
|
||
<p>red fruit</p>
|
||
</dd>
|
||
<dd>
|
||
<p>computer</p>
|
||
</dd>
|
||
<dt>orange</dt>
|
||
<dd>
|
||
<p>orange fruit</p>
|
||
<ol style="list-style-type: decimal">
|
||
<li>sublist</li>
|
||
<li>sublist</li>
|
||
</ol>
|
||
</dd>
|
||
</dl>
|
||
<h1 id="html-blocks">HTML Blocks</h1>
|
||
<p>Simple block on one line:</p>
|
||
<div>
|
||
foo
|
||
</div>
|
||
<p>And nested without indentation:</p>
|
||
<div>
|
||
<div>
|
||
<div>
|
||
<p>foo</p>
|
||
</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>
|
||
<p>foo</p>
|
||
</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 />
|
||
<h1 id="inline-markup">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><del>This is <em>strikeout</em>.</del></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 />
|
||
<h1 id="smart-quotes-ellipses-dashes">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 />
|
||
<h1 id="latex">LaTeX</h1>
|
||
<ul>
|
||
<li></li>
|
||
<li><span class="math inline">2 + 2 = 4</span></li>
|
||
<li><span class="math inline"><em>x</em> ∈ <em>y</em></span></li>
|
||
<li><span class="math inline"><em>α</em> ∧ <em>ω</em></span></li>
|
||
<li><span class="math inline">223</span></li>
|
||
<li><span class="math inline"><em>p</em></span>-Tree</li>
|
||
<li>Here’s some display math: <span
|
||
class="math display">$$\frac{d}{dx}f(x)=\lim_{h\to
|
||
0}\frac{f(x+h)-f(x)}{h}$$</span></li>
|
||
<li>Here’s one that has a line break in it: <span
|
||
class="math inline"><em>α</em> + <em>ω</em> × <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>
|
||
<hr />
|
||
<h1 id="special-characters">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 />
|
||
<h1 id="links">Links</h1>
|
||
<h2 id="explicit">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><a href="mailto:nobody@nowhere.net">Email link</a></p>
|
||
<p><a href="">Empty</a>.</p>
|
||
<h2 id="reference">Reference</h2>
|
||
<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>
|
||
<h2 id="with-ampersands">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>
|
||
<h2 id="autolinks">Autolinks</h2>
|
||
<p>With an ampersand: <a href="http://example.com/?foo=1&bar=2"
|
||
class="uri">http://example.com/?foo=1&bar=2</a></p>
|
||
<ul>
|
||
<li>In a list?</li>
|
||
<li><a href="http://example.com/" class="uri">http://example.com/</a></li>
|
||
<li>It should.</li>
|
||
</ul>
|
||
<p>An e-mail address: <a href="mailto:nobody@nowhere.net"
|
||
class="email">nobody@nowhere.net</a></p>
|
||
<blockquote>
|
||
<p>Blockquoted: <a href="http://example.com/"
|
||
class="uri">http://example.com/</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 />
|
||
<h1 id="images">Images</h1>
|
||
<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
|
||
<div class="figure">
|
||
<img src="lalune.jpg" title="Voyage dans la Lune" alt="" />
|
||
<p class="caption">lalune</p>
|
||
</div>
|
||
<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
|
||
<hr />
|
||
<h1 id="footnotes">Footnotes</h1>
|
||
<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref"
|
||
id="fnref1"><sup>1</sup></a> and another.<a href="#fn2" class="footnote-ref"
|
||
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="footnote-ref" id="fnref3"><sup>3</sup></a></p>
|
||
<blockquote>
|
||
<p>Notes can go in quotes.<a href="#fn4" class="footnote-ref"
|
||
id="fnref4"><sup>4</sup></a></p>
|
||
</blockquote>
|
||
<ol style="list-style-type: decimal">
|
||
<li>And in list items.<a href="#fn5" class="footnote-ref"
|
||
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 class="footnotes footnotes-end-of-document">
|
||
<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="footnote-back">↩︎</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="footnote-back">↩︎</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="footnote-back">↩︎</a></p></li>
|
||
<li id="fn4"><p>In quote.<a href="#fnref4" class="footnote-back">↩︎</a></p></li>
|
||
<li id="fn5"><p>In list.<a href="#fnref5" class="footnote-back">↩︎</a></p></li>
|
||
</ol>
|
||
</div>
|
||
</body>
|
||
</html>
|