git.iko.soy/typeable/pandoc
on 2.7.2 help sign in
typeable/pandoc/test/writer.html5
551 lines 16 kB history raw
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
3<head>
4 <meta charset="utf-8" />
5 <meta name="generator" content="pandoc" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7 <meta name="author" content="John MacFarlane" />
8 <meta name="author" content="Anonymous" />
9 <meta name="dcterms.date" content="2006-07-17" />
10 <title>Pandoc Test Suite</title>
11 <style>
12 code{white-space: pre-wrap;}
13 span.smallcaps{font-variant: small-caps;}
14 span.underline{text-decoration: underline;}
15 div.column{display: inline-block; vertical-align: top; width: 50%;}
16 </style>
17 <!--[if lt IE 9]>
18 <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
19 <![endif]-->
20</head>
21<body>
22<header id="title-block-header">
23<h1 class="title">Pandoc Test Suite</h1>
24<p class="author">John MacFarlane</p>
25<p class="author">Anonymous</p>
26<p class="date">July 17, 2006</p>
27</header>
28<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p>
29<hr />
30<h1 id="headers">Headers</h1>
31<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded link</a></h2>
32<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
33<h4 id="level-4">Level 4</h4>
34<h5 id="level-5">Level 5</h5>
35<h1 id="level-1">Level 1</h1>
36<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
37<h3 id="level-3">Level 3</h3>
38<p>with no blank line</p>
39<h2 id="level-2">Level 2</h2>
40<p>with no blank line</p>
41<hr />
42<h1 id="paragraphs">Paragraphs</h1>
43<p>Here’s a regular paragraph.</p>
44<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>
45<p>Here’s one with a bullet. * criminey.</p>
46<p>There should be a hard line break<br />
47here.</p>
48<hr />
49<h1 id="block-quotes">Block Quotes</h1>
50<p>E-mail style:</p>
51<blockquote>
52<p>This is a block quote. It is pretty short.</p>
53</blockquote>
54<blockquote>
55<p>Code in a block quote:</p>
56<pre><code>sub status {
57 print &quot;working&quot;;
58}</code></pre>
59<p>A list:</p>
60<ol type="1">
61<li>item one</li>
62<li>item two</li>
63</ol>
64<p>Nested block quotes:</p>
65<blockquote>
66<p>nested</p>
67</blockquote>
68<blockquote>
69<p>nested</p>
70</blockquote>
71</blockquote>
72<p>This should not be a block quote: 2 &gt; 1.</p>
73<p>And a following paragraph.</p>
74<hr />
75<h1 id="code-blocks">Code Blocks</h1>
76<p>Code:</p>
77<pre><code>---- (should be four hyphens)
79sub status {
80 print &quot;working&quot;;
83this code block is indented by one tab</code></pre>
84<p>And:</p>
85<pre><code> this code block is indented by two tabs
87These should not be escaped: \$ \\ \&gt; \[ \{</code></pre>
88<hr />
89<h1 id="lists">Lists</h1>
90<h2 id="unordered">Unordered</h2>
91<p>Asterisks tight:</p>
92<ul>
93<li>asterisk 1</li>
94<li>asterisk 2</li>
95<li>asterisk 3</li>
96</ul>
97<p>Asterisks loose:</p>
98<ul>
99<li><p>asterisk 1</p></li>
100<li><p>asterisk 2</p></li>
101<li><p>asterisk 3</p></li>
102</ul>
103<p>Pluses tight:</p>
104<ul>
105<li>Plus 1</li>
106<li>Plus 2</li>
107<li>Plus 3</li>
108</ul>
109<p>Pluses loose:</p>
110<ul>
111<li><p>Plus 1</p></li>
112<li><p>Plus 2</p></li>
113<li><p>Plus 3</p></li>
114</ul>
115<p>Minuses tight:</p>
116<ul>
117<li>Minus 1</li>
118<li>Minus 2</li>
119<li>Minus 3</li>
120</ul>
121<p>Minuses loose:</p>
122<ul>
123<li><p>Minus 1</p></li>
124<li><p>Minus 2</p></li>
125<li><p>Minus 3</p></li>
126</ul>
127<h2 id="ordered">Ordered</h2>
128<p>Tight:</p>
129<ol type="1">
130<li>First</li>
131<li>Second</li>
132<li>Third</li>
133</ol>
134<p>and:</p>
135<ol type="1">
136<li>One</li>
137<li>Two</li>
138<li>Three</li>
139</ol>
140<p>Loose using tabs:</p>
141<ol type="1">
142<li><p>First</p></li>
143<li><p>Second</p></li>
144<li><p>Third</p></li>
145</ol>
146<p>and using spaces:</p>
147<ol type="1">
148<li><p>One</p></li>
149<li><p>Two</p></li>
150<li><p>Three</p></li>
151</ol>
152<p>Multiple paragraphs:</p>
153<ol type="1">
154<li><p>Item 1, graf one.</p>
155<p>Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p></li>
156<li><p>Item 2.</p></li>
157<li><p>Item 3.</p></li>
158</ol>
159<h2 id="nested">Nested</h2>
160<ul>
161<li>Tab
162<ul>
163<li>Tab
164<ul>
165<li>Tab</li>
166</ul></li>
167</ul></li>
168</ul>
169<p>Here’s another:</p>
170<ol type="1">
171<li>First</li>
172<li>Second:
173<ul>
174<li>Fee</li>
175<li>Fie</li>
176<li>Foe</li>
177</ul></li>
178<li>Third</li>
179</ol>
180<p>Same thing but with paragraphs:</p>
181<ol type="1">
182<li><p>First</p></li>
183<li><p>Second:</p>
184<ul>
185<li>Fee</li>
186<li>Fie</li>
187<li>Foe</li>
188</ul></li>
189<li><p>Third</p></li>
190</ol>
191<h2 id="tabs-and-spaces">Tabs and spaces</h2>
192<ul>
193<li><p>this is a list item indented with tabs</p></li>
194<li><p>this is a list item indented with spaces</p>
195<ul>
196<li><p>this is an example list item indented with tabs</p></li>
197<li><p>this is an example list item indented with spaces</p></li>
198</ul></li>
199</ul>
200<h2 id="fancy-list-markers">Fancy list markers</h2>
201<ol start="2" type="1">
202<li><p>begins with 2</p></li>
203<li><p>and now 3</p>
204<p>with a continuation</p>
205<ol start="4" type="i">
206<li>sublist with roman numerals, starting with 4</li>
207<li>more items
208<ol type="A">
209<li>a subsublist</li>
210<li>a subsublist</li>
211</ol></li>
212</ol></li>
213</ol>
214<p>Nesting:</p>
215<ol type="A">
216<li>Upper Alpha
217<ol type="I">
218<li>Upper Roman.
219<ol start="6" type="1">
220<li>Decimal start with 6
221<ol start="3" type="a">
222<li>Lower alpha with paren</li>
223</ol></li>
224</ol></li>
225</ol></li>
226</ol>
227<p>Autonumbering:</p>
228<ol>
229<li>Autonumber.</li>
230<li>More.
231<ol>
232<li>Nested.</li>
233</ol></li>
234</ol>
235<p>Should not be a list item:</p>
236<p>M.A. 2007</p>
237<p>B. Williams</p>
238<hr />
239<h1 id="definition-lists">Definition Lists</h1>
240<p>Tight using spaces:</p>
241<dl>
242<dt>apple</dt>
243<dd>red fruit
244</dd>
245<dt>orange</dt>
246<dd>orange fruit
247</dd>
248<dt>banana</dt>
249<dd>yellow fruit
250</dd>
251</dl>
252<p>Tight using tabs:</p>
253<dl>
254<dt>apple</dt>
255<dd>red fruit
256</dd>
257<dt>orange</dt>
258<dd>orange fruit
259</dd>
260<dt>banana</dt>
261<dd>yellow fruit
262</dd>
263</dl>
264<p>Loose:</p>
265<dl>
266<dt>apple</dt>
267<dd><p>red fruit</p>
268</dd>
269<dt>orange</dt>
270<dd><p>orange fruit</p>
271</dd>
272<dt>banana</dt>
273<dd><p>yellow fruit</p>
274</dd>
275</dl>
276<p>Multiple blocks with italics:</p>
277<dl>
278<dt><em>apple</em></dt>
279<dd><p>red fruit</p>
280<p>contains seeds, crisp, pleasant to taste</p>
281</dd>
282<dt><em>orange</em></dt>
283<dd><p>orange fruit</p>
284<pre><code>{ orange code block }</code></pre>
285<blockquote>
286<p>orange block quote</p>
287</blockquote>
288</dd>
289</dl>
290<p>Multiple definitions, tight:</p>
291<dl>
292<dt>apple</dt>
293<dd>red fruit
294</dd>
295<dd>computer
296</dd>
297<dt>orange</dt>
298<dd>orange fruit
299</dd>
300<dd>bank
301</dd>
302</dl>
303<p>Multiple definitions, loose:</p>
304<dl>
305<dt>apple</dt>
306<dd><p>red fruit</p>
307</dd>
308<dd><p>computer</p>
309</dd>
310<dt>orange</dt>
311<dd><p>orange fruit</p>
312</dd>
313<dd><p>bank</p>
314</dd>
315</dl>
316<p>Blank line after term, indented marker, alternate markers:</p>
317<dl>
318<dt>apple</dt>
319<dd><p>red fruit</p>
320</dd>
321<dd><p>computer</p>
322</dd>
323<dt>orange</dt>
324<dd><p>orange fruit</p>
325<ol type="1">
326<li>sublist</li>
327<li>sublist</li>
328</ol>
329</dd>
330</dl>
331<h1 id="html-blocks">HTML Blocks</h1>
332<p>Simple block on one line:</p>
333<div>
334foo
335</div>
336<p>And nested without indentation:</p>
337<div>
338<div>
339<div>
340<p>foo</p>
341</div>
342</div>
343<div>
344bar
345</div>
346</div>
347<p>Interpreted markdown in a table:</p>
348<table>
349<tr>
350<td>
351This is <em>emphasized</em>
352</td>
353<td>
354And this is <strong>strong</strong>
355</td>
356</tr>
357</table>
358<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
359<p>Here’s a simple block:</p>
360<div>
361<p>foo</p>
362</div>
363<p>This should be a code block, though:</p>
364<pre><code>&lt;div&gt;
365 foo
366&lt;/div&gt;</code></pre>
367<p>As should this:</p>
368<pre><code>&lt;div&gt;foo&lt;/div&gt;</code></pre>
369<p>Now, nested:</p>
370<div>
371<div>
372<div>
373foo
374</div>
375</div>
376</div>
377<p>This should just be an HTML comment:</p>
378<!-- Comment -->
379<p>Multiline:</p>
380<!--
381Blah
382Blah
383-->
384<!--
385 This is another comment.
386-->
387<p>Code block:</p>
388<pre><code>&lt;!-- Comment --&gt;</code></pre>
389<p>Just plain comment, with trailing spaces on the line:</p>
390<!-- foo -->
391<p>Code:</p>
392<pre><code>&lt;hr /&gt;</code></pre>
393<p>Hr’s:</p>
394<hr>
395<hr />
396<hr />
397<hr>
398<hr />
399<hr />
400<hr class="foo" id="bar" />
401<hr class="foo" id="bar" />
402<hr class="foo" id="bar">
403<hr />
404<h1 id="inline-markup">Inline Markup</h1>
405<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
406<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
407<p>An <em><a href="/url">emphasized link</a></em>.</p>
408<p><strong><em>This is strong and em.</em></strong></p>
409<p>So is <strong><em>this</em></strong> word.</p>
410<p><strong><em>This is strong and em.</em></strong></p>
411<p>So is <strong><em>this</em></strong> word.</p>
412<p>This is code: <code>&gt;</code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html&gt;</code>.</p>
413<p><del>This is <em>strikeout</em>.</del></p>
414<p>Superscripts: a<sup>bc</sup>d a<sup><em>hello</em></sup> a<sup>hello there</sup>.</p>
415<p>Subscripts: H<sub>2</sub>O, H<sub>23</sub>O, H<sub>many of them</sub>O.</p>
416<p>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p>
417<hr />
418<h1 id="smart-quotes-ellipses-dashes">Smart quotes, ellipses, dashes</h1>
419<p>“Hello,” said the spider. “‘Shelob’ is my name.”</p>
420<p>‘A’, ‘B’, and ‘C’ are letters.</p>
421<p>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p>
422<p>‘He said, “I want to go.”’ Were you alive in the 70’s?</p>
423<p>Here is some quoted ‘<code>code</code>’ and a “<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>”.</p>
424<p>Some dashes: one—two — three—four — five.</p>
425<p>Dashes between numbers: 5–7, 255–66, 1987–1999.</p>
426<p>Ellipses…and…and….</p>
427<hr />
428<h1 id="latex">LaTeX</h1>
429<ul>
430<li></li>
431<li><span class="math inline">2 + 2 = 4</span></li>
432<li><span class="math inline"><em>x</em> ∈ <em>y</em></span></li>
433<li><span class="math inline"><em>α</em> ∧ <em>ω</em></span></li>
434<li><span class="math inline">223</span></li>
435<li><span class="math inline"><em>p</em></span>-Tree</li>
436<li>Here’s some display math: <br /><span class="math display">$$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$$</span><br /></li>
437<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>
438</ul>
439<p>These shouldn’t be math:</p>
440<ul>
441<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
442<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if “lot” is emphasized.)</li>
443<li>Shoes ($20) and socks ($5).</li>
444<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
445</ul>
446<p>Here’s a LaTeX table:</p>
448<hr />
449<h1 id="special-characters">Special Characters</h1>
450<p>Here is some unicode:</p>
451<ul>
452<li>I hat: Î</li>
453<li>o umlaut: ö</li>
454<li>section: §</li>
455<li>set membership: ∈</li>
456<li>copyright: ©</li>
457</ul>
458<p>AT&amp;T has an ampersand in their name.</p>
459<p>AT&amp;T is another way to write it.</p>
460<p>This &amp; that.</p>
461<p>4 &lt; 5.</p>
462<p>6 &gt; 5.</p>
463<p>Backslash: \</p>
464<p>Backtick: `</p>
465<p>Asterisk: *</p>
466<p>Underscore: _</p>
467<p>Left brace: {</p>
468<p>Right brace: }</p>
469<p>Left bracket: [</p>
470<p>Right bracket: ]</p>
471<p>Left paren: (</p>
472<p>Right paren: )</p>
473<p>Greater-than: &gt;</p>
474<p>Hash: #</p>
475<p>Period: .</p>
476<p>Bang: !</p>
477<p>Plus: +</p>
478<p>Minus: -</p>
479<hr />
480<h1 id="links">Links</h1>
481<h2 id="explicit">Explicit</h2>
482<p>Just a <a href="/url/">URL</a>.</p>
483<p><a href="/url/" title="title">URL and title</a>.</p>
484<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
485<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
486<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
487<p><a href="/url/" title="title with single quotes">URL and title</a></p>
488<p><a href="/url/with_underscore">with_underscore</a></p>
489<p><a href="mailto:nobody@nowhere.net">Email link</a></p>
490<p><a href="">Empty</a>.</p>
491<h2 id="reference">Reference</h2>
492<p>Foo <a href="/url/">bar</a>.</p>
493<p>With <a href="/url/">embedded [brackets]</a>.</p>
494<p><a href="/url/">b</a> by itself should be a link.</p>
495<p>Indented <a href="/url">once</a>.</p>
496<p>Indented <a href="/url">twice</a>.</p>
497<p>Indented <a href="/url">thrice</a>.</p>
498<p>This should [not][] be a link.</p>
499<pre><code>[not]: /url</code></pre>
500<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
501<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
502<h2 id="with-ampersands">With ampersands</h2>
503<p>Here’s a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
504<p>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T">AT&amp;T</a>.</p>
505<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
506<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
507<h2 id="autolinks">Autolinks</h2>
508<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2" class="uri">http://example.com/?foo=1&amp;bar=2</a></p>
509<ul>
510<li>In a list?</li>
511<li><a href="http://example.com/" class="uri">http://example.com/</a></li>
512<li>It should.</li>
513</ul>
514<p>An e-mail address: <a href="mailto:nobody@nowhere.net" class="email">nobody@nowhere.net</a></p>
515<blockquote>
516<p>Blockquoted: <a href="http://example.com/" class="uri">http://example.com/</a></p>
517</blockquote>
518<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
519<pre><code>or here: &lt;http://example.com/&gt;</code></pre>
520<hr />
521<h1 id="images">Images</h1>
522<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
523<figure>
524<img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" /><figcaption>lalune</figcaption>
525</figure>
526<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
527<hr />
528<h1 id="footnotes">Footnotes</h1>
529<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a> and another.<a href="#fn2" class="footnote-ref" id="fnref2" role="doc-noteref"><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" role="doc-noteref"><sup>3</sup></a></p>
530<blockquote>
531<p>Notes can go in quotes.<a href="#fn4" class="footnote-ref" id="fnref4" role="doc-noteref"><sup>4</sup></a></p>
532</blockquote>
533<ol type="1">
534<li>And in list items.<a href="#fn5" class="footnote-ref" id="fnref5" role="doc-noteref"><sup>5</sup></a></li>
535</ol>
536<p>This paragraph should not be part of the note, as it is not indented.</p>
537<section class="footnotes" role="doc-endnotes">
538<hr />
539<ol>
540<li id="fn1" role="doc-endnote"><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" role="doc-backlink">↩</a></p></li>
541<li id="fn2" role="doc-endnote"><p>Here’s the long note. This one contains multiple blocks.</p>
542<p>Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p>
543<pre><code> { &lt;code&gt; }</code></pre>
544<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" role="doc-backlink">↩</a></p></li>
545<li id="fn3" role="doc-endnote"><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" role="doc-backlink">↩</a></p></li>
546<li id="fn4" role="doc-endnote"><p>In quote.<a href="#fnref4" class="footnote-back" role="doc-backlink">↩</a></p></li>
547<li id="fn5" role="doc-endnote"><p>In list.<a href="#fnref5" class="footnote-back" role="doc-backlink">↩</a></p></li>
548</ol>
549</section>
550</body>
551</html>