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