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