git.iko.soy/typeable/pandoc
on 2.2.3 help sign in
typeable/pandoc/test/html-reader.html
710 lines 15 kB history raw
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4<meta http-equiv="Content-Style-Type" content="text/css" />
5<meta name="generator" content="pandoc" />
6<style type="text/css">
7div.pandocNote { border-left: 1px solid grey; padding-left: 1em; }
8span.pandocNoteRef { vertical-align: super; font-size: 80%; }
9span.pandocNoteMarker { }
10</style>
11<title>Pandoc Test Suite</title>
12</head>
13<body>
14<h1 class="title">Pandoc Test Suite</h1>
15<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber's markdown test suite.</p>
16<hr />
17<h1>Headers</h1>
18<h2>Level 2 with an <a href="/url">embedded link</a></h2>
19<h3>Level 3 with <em>emphasis</em></h3>
20<h4>Level 4</h4>
21<h5>Level 5</h5>
22<h1>Level 1</h1>
23<h2>Level 2 with <em>emphasis</em></h2>
24<h3>Level 3</h3>
25<p>with no blank line</p>
26<h2>Level 2</h2>
27<p>with no blank line</p>
28<hr />
29<h1>Paragraphs</h1>
30<p>Here's a regular paragraph.</p>
31<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>
32<p>Here's one with a bullet. * criminey.</p>
33<p>There should be a hard line break<br />
34 here.</p>
35<hr />
36<h1>Block Quotes</h1>
37<p>E-mail style:</p>
38<blockquote>
39<p>This is a block quote. It is pretty short.</p>
40</blockquote>
41<blockquote>
42<p>Code in a block quote:</p>
43<pre><code>sub status {
44 print "working";
46</code></pre>
47<p>A list:</p>
48<ol>
49<li>item one</li>
50<li>item two</li>
51</ol>
52<p>Nested block quotes:</p>
53<blockquote>
54<p>nested</p>
55</blockquote>
56<blockquote>
57<p>nested</p>
58</blockquote>
59</blockquote>
60<p>This should not be a block quote: 2 &gt; 1.</p>
61<p>Box-style:</p>
62<blockquote>
63<p>Example:</p>
64<pre><code>sub status {
65 print "working";
67</code></pre>
68</blockquote>
69<blockquote>
70<ol>
71<li>do laundry</li>
72<li>take out the trash</li>
73</ol>
74</blockquote>
75<p>Here's a nested one:</p>
76<blockquote>
77<p>Joe said:</p>
78<blockquote>
79<p>Don't quote me.</p>
80</blockquote>
81</blockquote>
82<p>And a following paragraph.</p>
83<hr />
84<h1>Code Blocks</h1>
85<p>Code:</p>
86<pre><code>---- (should be four hyphens)
88sub status {
89 print "working";
92this code block is indented by one tab
93</code></pre>
94<p>And:</p>
95<pre><code> this code block is indented by two tabs
97These should not be escaped: \$ \\ \> \[ \{
98</code></pre>
99<hr />
100<h1>Lists</h1>
101<h2>Unordered</h2>
102<p>Asterisks tight:</p>
103<ul>
104<li>asterisk 1</li>
105<li>asterisk 2</li>
106<li>asterisk 3</li>
107</ul>
108<p>Asterisks loose:</p>
109<ul>
110<li><p>asterisk 1</p>
111</li>
112<li><p>asterisk 2</p>
113</li>
114<li><p>asterisk 3</p>
115</li>
116</ul>
117<p>Pluses tight:</p>
118<ul>
119<li>Plus 1</li>
120<li>Plus 2</li>
121<li>Plus 3</li>
122</ul>
123<p>Pluses loose:</p>
124<ul>
125<li><p>Plus 1</p>
126</li>
127<li><p>Plus 2</p>
128</li>
129<li><p>Plus 3</p>
130</li>
131</ul>
132<p>Minuses tight:</p>
133<ul>
134<li>Minus 1</li>
135<li>Minus 2</li>
136<li>Minus 3</li>
137</ul>
138<p>Minuses loose:</p>
139<ul>
140<li><p>Minus 1</p>
141</li>
142<li><p>Minus 2</p>
143</li>
144<li><p>Minus 3</p>
145</li>
146</ul>
147<h2>Ordered</h2>
148<p>Tight:</p>
149<ol>
150<li>First</li>
151<li>Second</li>
152<li>Third</li>
153</ol>
154<p>and:</p>
155<ol>
156<li>One</li>
157<li>Two</li>
158<li>Three</li>
159</ol>
160<p>Loose using tabs:</p>
161<ol>
162<li><p>First</p>
163</li>
164<li><p>Second</p>
165</li>
166<li><p>Third</p>
167</li>
168</ol>
169<p>and using spaces:</p>
170<ol>
171<li><p>One</p>
172</li>
173<li><p>Two</p>
174</li>
175<li><p>Three</p>
176</li>
177</ol>
178<p>Multiple paragraphs:</p>
179<ol>
180<li><p>Item 1, graf one.</p>
181<p>Item 1. graf two. The quick brown fox jumped over the lazy dog's back.</p>
182</li>
183<li><p>Item 2.</p>
184</li>
185<li><p>Item 3.</p>
186</li>
187</ol>
188<p>List styles:</p>
189<ol></ol>
190<ol type="i"></ol>
191<ol class="lower-roman"></ol>
192<ol style="lower-roman"></ol>
193<ol style="list-style: lower-roman;"></ol>
194<ol style="list-style-type: lower-roman;"></ol>
195<h2>Nested</h2>
196<ul>
197<li>Tab<ul>
198<li>Tab<ul>
199<li>Tab</li>
200</ul>
201</li>
202</ul>
203</li>
204</ul>
205<p>Here's another:</p>
206<ol>
207<li>First</li>
208<li>Second:<ul>
209<li>Fee</li>
210<li>Fie</li>
211<li>Foe</li>
212</ul>
213</li>
214<li>Third</li>
215</ol>
216<p>Same thing but with paragraphs:</p>
217<ol>
218<li><p>First</p>
219</li>
220<li><p>Second:</p>
221<ul>
222<li>Fee</li>
223<li>Fie</li>
224<li>Foe</li>
225</ul>
226</li>
227<li><p>Third</p>
228</li>
229</ol>
230<h2>Tabs and spaces</h2>
231<ul>
232<li><p>this is a list item indented with tabs</p>
233</li>
234<li><p>this is a list item indented with spaces</p>
235<ul>
236<li><p>this is an example list item indented with tabs</p>
237</li>
238<li><p>this is an example list item indented with spaces</p>
239</li>
240</ul>
241</li>
242</ul>
243<h2 id="fancy-list-markers"
244 >Fancy list markers</h2
245 ><ol start="2" class="decimal"
246 ><li
247 >begins with 2</li
248 ><li
249 ><p
250 >and now 3</p
251 ><p
252 >with a continuation</p
253 ><ol start="4" class="lower-roman"
254 ><li
255 >sublist with roman numerals, starting with 4</li
256 ><li
257 >more items<ol class="upper-alpha"
258 ><li
259 >a subsublist</li
260 ><li
261 >a subsublist</li
262 ></ol
263 ></li
264 ></ol
265 ></li
266 ></ol
267 ><p
268 >Nesting:</p
269 ><ol type="A"
270 ><li
271 >Upper Alpha<ol class="upper-roman"
272 ><li
273 >Upper Roman.<ol start="6" class="decimal"
274 ><li
275 >Decimal start with 6<ol start="3" type="a"
276 ><li
277 >Lower alpha with paren</li
278 ></ol
279 ></li
280 ></ol
281 ></li
282 ></ol
283 ></li
284 ></ol
285 ><p
286 >Autonumbering:</p
287 ><ol
288 ><li
289 >Autonumber.</li
290 ><li
291 >More.<ol
292 ><li
293 >Nested.</li
294 ></ol
295 ></li
296 ></ol
297 ><hr
298 />
299<h2>Definition</h2>
300<dl>
301 <dt>Violin</dt>
302 <dd>Stringed musical instrument.</dd>
303 <dd>Torture device.</dd>
304 <dt>Cello</dt>
305 <dt>Violoncello</dt>
306 <dd>Low-voiced stringed instrument.</dd>
307</dl>
308<hr />
309<h1>Inline Markup</h1>
310<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
311<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
312<p>Empty <strong></strong> and <em></em>.
313<p>An <em><a href="/url">emphasized link</a></em>.</p>
314<p><strong><em>This is strong and em.</em></strong></p>
315<p>So is <strong><em>this</em></strong> word.</p>
316<p><strong><em>This is strong and em.</em></strong></p>
317<p>So is <strong><em>this</em></strong> word.</p>
318<p>This is code: <code>&gt;</code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html&gt;</code>.</p>
319<p>This is <span style="font-variant: small-caps;">small caps</span>.</p>
320<p>These are all underlined: <u>foo</u> and <ins>bar</ins>.</p>
321<p>These are all strikethrough: <s>foo</s>, <strike>bar</strike>, and <del>baz</del>.</p>
322<hr />
323<h1>Smart quotes, ellipses, dashes</h1>
324<p>"Hello," said the spider. "'Shelob' is my name."</p>
325<p>'A', 'B', and 'C' are letters.</p>
326<p>'Oak,' 'elm,' and 'beech' are names of trees. So is 'pine.'</p>
327<p>'He said, "I want to go."' Were you alive in the 70's?</p>
328<p>Here is some quoted '<code>code</code>' and a "<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>".</p>
329<p>Some dashes: one---two --- three--four -- five.</p>
330<p>Dashes between numbers: 5-7, 255-66, 1987-1999.</p>
331<p>Ellipses...and. . .and . . . .</p>
332<hr />
333<h1>LaTeX</h1>
334<ul>
335<li>\cite[22-23]{smith.1899}</li>
336<li>\doublespacing</li>
337<li>$2+2=4$</li>
338<li>$x \in y$</li>
339<li>$\alpha \wedge \omega$</li>
340<li>$223$</li>
341<li>$p$-Tree</li>
342<li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li>
343<li>Here's one that has a line break in it: $\alpha + \omega \times x^2$.</li>
344</ul>
345<p>These shouldn't be math:</p>
346<ul>
347<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
348<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if "lot" is emphasized.)</li>
349<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
350</ul>
351<p>Here's a LaTeX table:</p>
352<p>\begin{tabular}{|l|l|}\hline Animal &amp; Number \\ \hline Dog &amp; 2 \\ Cat &amp; 1 \\ \hline \end{tabular}</p>
353<hr />
354<h1>Special Characters</h1>
355<p>Here is some unicode:</p>
356<ul>
357<li>I hat: Î</li>
358<li>o umlaut: ö</li>
359<li>section: §</li>
360<li>set membership: ∈</li>
361<li>copyright: ©</li>
362</ul>
363<p>AT&amp;T has an ampersand in their name.</p>
364<p>AT&amp;T is another way to write it.</p>
365<p>This &amp; that.</p>
366<p>4 &lt; 5.</p>
367<p>6 &gt; 5.</p>
368<p>Backslash: \</p>
369<p>Backtick: `</p>
370<p>Asterisk: *</p>
371<p>Underscore: _</p>
372<p>Left brace: {</p>
373<p>Right brace: }</p>
374<p>Left bracket: [</p>
375<p>Right bracket: ]</p>
376<p>Left paren: (</p>
377<p>Right paren: )</p>
378<p>Greater-than: &gt;</p>
379<p>Hash: #</p>
380<p>Period: .</p>
381<p>Bang: !</p>
382<p>Plus: +</p>
383<p>Minus: -</p>
384<hr />
385<h1>Links</h1>
386<h2>Explicit</h2>
387<p>Just a <a href="/url/">URL</a>.</p>
388<p><a href="/url/" title="title">URL and title</a>.</p>
389<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
390<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
391<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
392<p><a href="/url/" title="title with single quotes">URL and title</a></p>
393Email link (nobody [at] nowhere.net)<p><a href="">Empty</a>.</p>
394<h2>Reference</h2>
395<p>Foo <a href="/url/">bar</a>.</p>
396<p>Foo <a href="/url/">bar</a>.</p>
397<p>Foo <a href="/url/">bar</a>.</p>
398<p>With <a href="/url/">embedded [brackets]</a>.</p>
399<p><a href="/url/">b</a> by itself should be a link.</p>
400<p>Indented <a href="/url">once</a>.</p>
401<p>Indented <a href="/url">twice</a>.</p>
402<p>Indented <a href="/url">thrice</a>.</p>
403<p>This should [not] be a link.</p>
404<pre><code>[not]: /url
405</code></pre>
406<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
407<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
408<h2>With ampersands</h2>
409<p>Here's a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
410<p>Here's a link with an amersand in the link text: <a href="http://att.com/" title="AT&T">AT&amp;T</a>.</p>
411<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
412<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
413<h2>Autolinks</h2>
414<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2">http://example.com/?foo=1&amp;bar=2</a></p>
415<ul>
416<li>In a list?</li>
417<li><a href="http://example.com/">http://example.com/</a></li>
418<li>It should.</li>
419</ul>
420An e-mail address: nobody [at] nowhere.net<blockquote>
421<p>Blockquoted: <a href="http://example.com/">http://example.com/</a></p>
422</blockquote>
423<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
424<pre><code>or here: &lt;http://example.com/&gt;
425</code></pre>
426<hr />
427<h1>Images</h1>
428<p>From "Voyage dans la Lune" by Georges Melies (1902):</p>
429<p><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"></p>
430<p>Here is a movie <img src="movie.jpg" alt="movie"> icon.</p>
431<hr />
432<h1>Footnotes</h1>
433<p>Here is a footnote reference<a href="#note_1">(1)</a>, and another<a href="#note_longnote">(longnote)</a>. This should <em>not</em> be a footnote reference, because it contains a space^(my note).</p>
434<p><a href="#ref_1">(1)</a> Here is the footnote. It can go anywhere in the document, not just at the end.</p>
435<p><a href="#ref_longnote">(longnote)</a> Here's the other note. This one contains multiple blocks.</p>
436<p>Caret characters are used to indicate that the blocks all belong to a single footnote (as with block quotes).</p>
437<pre><code> { &lt;code> }
438</code></pre>
439<p>If you want, you can use a caret at the beginning of every line, as with blockquotes, but all that you need is a caret at the beginning of the first line of the block and any preceding blank lines.</p>
440<p>text<em> Leading space</em></p>
441<p><em>Trailing space </em>text</p>
442<p>text<em> Leading spaces</em></p>
443<p><em>Trailing spaces </em>text</p>
444<h1>Tables</h1>
445<h2>Tables with Headers</h2>
446<table>
447 <tr>
448 <th>X</th>
449 <th>Y</th>
450 <th>Z</th>
451 </tr>
452 <tr>
453 <td>1</td>
454 <td>2</td>
455 <td>3</td>
456 </tr>
457 <tr>
458 <td>4</td>
459 <td>5</td>
460 <td>6</td>
461 </tr>
462</table>
463<hr />
464<table>
465 <thead>
466 <tr>
467 <th>X</th>
468 <th>Y</th>
469 <th>Z</th>
470 </tr>
471 </thead>
472 <tbody>
473 <tr>
474 <td>1</td>
475 <td>2</td>
476 <td>3</td>
477 </tr>
478 <tr>
479 <td>4</td>
480 <td>5</td>
481 <td>6</td>
482 </tr>
483 </tbody>
484</table>
485<hr />
486<table>
487 <thead>
488 <tr>
489 <th>X</th>
490 <th>Y</th>
491 <th>Z</th>
492 </tr>
493 </thead>
494 <tbody>
495 <tr>
496 <th>1</th>
497 <td>2</td>
498 <td>3</td>
499 </tr>
500 <tr>
501 <th>4</th>
502 <td>5</td>
503 <td>6</td>
504 </tr>
505 </tbody>
506</table>
507<hr />
508<table>
509 <thead>
510 <tr>
511 <th>X</th>
512 <th>Y</th>
513 <th>Z</th>
514 </tr>
515 </thead>
516 <tbody>
517 <tr>
518 <th>1</th>
519 <td>2</td>
520 <td>3</td>
521 </tr>
522 </tbody>
523 <tfoot>
524 <tr>
525 <th>4</th>
526 <td>5</td>
527 <td>6</td>
528 </tr>
529 </tfoot>
530</table>
531<hr />
532<table>
533 <tr>
534 <th>X</th>
535 <th>Y</th>
536 <th>Z</th>
537 </tr>
538 <tr>
539 <th>1</th>
540 <th>2</th>
541 <th>3</th>
542 </tr>
543 <tr>
544 <td>4</td>
545 <td>5</td>
546 <td>6</td>
547 </tr>
548</table>
549<hr />
550<table>
551 <tbody>
552 <tr>
553 <th>X</th>
554 <th>Y</th>
555 <th>Z</th>
556 </tr>
557 <tr>
558 <td>1</td>
559 <td>2</td>
560 <td>3</td>
561 </tr>
562 <tr>
563 <td>4</td>
564 <td>5</td>
565 <td>6</td>
566 </tr>
567 </tbody>
568</table>
569<hr />
570<table>
571 <thead>
572 </thead>
573 <tbody>
574 <tr>
575 <th>X</th>
576 <th>Y</th>
577 <th>Z</th>
578 </tr>
579 <tr>
580 <td>1</td>
581 <td>2</td>
582 <td>3</td>
583 </tr>
584 <tr>
585 <td>4</td>
586 <td>5</td>
587 <td>6</td>
588 </tr>
589 </tbody>
590</table>
591<hr />
592<table>
593 <thead>
594 <tr>
595 <th>X</th>
596 <th>Y</th>
597 <th>Z</th>
598 </tr>
599 </thead>
600 <tbody>
601 <tr>
602 <td>1</td>
603 <td>2</td>
604 <td>3</td>
605 </tr>
606 </tbody>
607 <tbody>
608 <tr>
609 <td>4</td>
610 <td>5</td>
611 <td>6</td>
612 </tr>
613 </tbody>
614</table>
615<hr />
616<table>
617 <thead>
618 <tr>
619 <th>X</th>
620 <th>Y</th>
621 <th>Z</th>
622 </tr>
623 </thead>
624 <tbody>
625 <tr>
626 <td>1</td>
627 <td><p>2</p></td>
628 <td>3</td>
629 </tr>
630 </tbody>
631 <tbody>
632 <tr>
633 <td>4</td>
634 <td>5</td>
635 <td>6</td>
636 </tr>
637 </tbody>
638</table>
639<h2>Tables without Headers</h2>
640<table>
641 <tbody>
642 <tr>
643 <td>1</td>
644 <td>2</td>
645 <td>3</td>
646 </tr>
647 <tr>
648 <td>4</td>
649 <td>5</td>
650 <td>6</td>
651 </tr>
652 </tbody>
653</table>
654<hr />
655<table>
656 <tr>
657 <td>1</td>
658 <td>2</td>
659 <td>3</td>
660 </tr>
661 <tr>
662 <td>4</td>
663 <td>5</td>
664 <td>6</td>
665 </tr>
666</table>
667<hr />
668<table>
669 <thead>
670 </thead>
671 <tbody>
672 <tr>
673 <td>1</td>
674 <td>2</td>
675 <td>3</td>
676 </tr>
677 <tr>
678 <td>4</td>
679 <td>5</td>
680 <td>6</td>
681 </tr>
682 </tbody>
683</table>
684<hr />
685<table>
686 <tbody>
687 <tr>
688 <td>1</td>
689 <td>2</td>
690 <td>3</td>
691 </tr>
692 </tbody>
693 <tfoot>
694 <tr>
695 <td>4</td>
696 <td>5</td>
697 <td>6</td>
698 </tr>
699 </tfoot>
700</table>
701<h2>Empty Tables</h2>
702<p>This section should be empty.</p>
703<table>
704 <tbody>
705 </tbody>
706</table>
707<table>
708</table>
709</body>
710</html>