git.iko.soy/typeable/pandoc
on 1.17 help sign in
typeable/pandoc/tests/html-reader.html
708 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<hr />
321<h1>Smart quotes, ellipses, dashes</h1>
322<p>"Hello," said the spider. "'Shelob' is my name."</p>
323<p>'A', 'B', and 'C' are letters.</p>
324<p>'Oak,' 'elm,' and 'beech' are names of trees. So is 'pine.'</p>
325<p>'He said, "I want to go."' Were you alive in the 70's?</p>
326<p>Here is some quoted '<code>code</code>' and a "<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>".</p>
327<p>Some dashes: one---two --- three--four -- five.</p>
328<p>Dashes between numbers: 5-7, 255-66, 1987-1999.</p>
329<p>Ellipses...and. . .and . . . .</p>
330<hr />
331<h1>LaTeX</h1>
332<ul>
333<li>\cite[22-23]{smith.1899}</li>
334<li>\doublespacing</li>
335<li>$2+2=4$</li>
336<li>$x \in y$</li>
337<li>$\alpha \wedge \omega$</li>
338<li>$223$</li>
339<li>$p$-Tree</li>
340<li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li>
341<li>Here's one that has a line break in it: $\alpha + \omega \times x^2$.</li>
342</ul>
343<p>These shouldn't be math:</p>
344<ul>
345<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
346<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if "lot" is emphasized.)</li>
347<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
348</ul>
349<p>Here's a LaTeX table:</p>
350<p>\begin{tabular}{|l|l|}\hline Animal &amp; Number \\ \hline Dog &amp; 2 \\ Cat &amp; 1 \\ \hline \end{tabular}</p>
351<hr />
352<h1>Special Characters</h1>
353<p>Here is some unicode:</p>
354<ul>
355<li>I hat: Î</li>
356<li>o umlaut: ö</li>
357<li>section: §</li>
358<li>set membership: ∈</li>
359<li>copyright: ©</li>
360</ul>
361<p>AT&amp;T has an ampersand in their name.</p>
362<p>AT&amp;T is another way to write it.</p>
363<p>This &amp; that.</p>
364<p>4 &lt; 5.</p>
365<p>6 &gt; 5.</p>
366<p>Backslash: \</p>
367<p>Backtick: `</p>
368<p>Asterisk: *</p>
369<p>Underscore: _</p>
370<p>Left brace: {</p>
371<p>Right brace: }</p>
372<p>Left bracket: [</p>
373<p>Right bracket: ]</p>
374<p>Left paren: (</p>
375<p>Right paren: )</p>
376<p>Greater-than: &gt;</p>
377<p>Hash: #</p>
378<p>Period: .</p>
379<p>Bang: !</p>
380<p>Plus: +</p>
381<p>Minus: -</p>
382<hr />
383<h1>Links</h1>
384<h2>Explicit</h2>
385<p>Just a <a href="/url/">URL</a>.</p>
386<p><a href="/url/" title="title">URL and title</a>.</p>
387<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
388<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
389<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
390<p><a href="/url/" title="title with single quotes">URL and title</a></p>
391Email link (nobody [at] nowhere.net)<p><a href="">Empty</a>.</p>
392<h2>Reference</h2>
393<p>Foo <a href="/url/">bar</a>.</p>
394<p>Foo <a href="/url/">bar</a>.</p>
395<p>Foo <a href="/url/">bar</a>.</p>
396<p>With <a href="/url/">embedded [brackets]</a>.</p>
397<p><a href="/url/">b</a> by itself should be a link.</p>
398<p>Indented <a href="/url">once</a>.</p>
399<p>Indented <a href="/url">twice</a>.</p>
400<p>Indented <a href="/url">thrice</a>.</p>
401<p>This should [not] be a link.</p>
402<pre><code>[not]: /url
403</code></pre>
404<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
405<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
406<h2>With ampersands</h2>
407<p>Here's a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
408<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>
409<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
410<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
411<h2>Autolinks</h2>
412<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2">http://example.com/?foo=1&amp;bar=2</a></p>
413<ul>
414<li>In a list?</li>
415<li><a href="http://example.com/">http://example.com/</a></li>
416<li>It should.</li>
417</ul>
418An e-mail address: nobody [at] nowhere.net<blockquote>
419<p>Blockquoted: <a href="http://example.com/">http://example.com/</a></p>
420</blockquote>
421<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
422<pre><code>or here: &lt;http://example.com/&gt;
423</code></pre>
424<hr />
425<h1>Images</h1>
426<p>From "Voyage dans la Lune" by Georges Melies (1902):</p>
427<p><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"></p>
428<p>Here is a movie <img src="movie.jpg" alt="movie"> icon.</p>
429<hr />
430<h1>Footnotes</h1>
431<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>
432<p><a href="#ref_1">(1)</a> Here is the footnote. It can go anywhere in the document, not just at the end.</p>
433<p><a href="#ref_longnote">(longnote)</a> Here's the other note. This one contains multiple blocks.</p>
434<p>Caret characters are used to indicate that the blocks all belong to a single footnote (as with block quotes).</p>
435<pre><code> { &lt;code> }
436</code></pre>
437<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>
438<p>text<em> Leading space</em></p>
439<p><em>Trailing space </em>text</p>
440<p>text<em> Leading spaces</em></p>
441<p><em>Trailing spaces </em>text</p>
442<h1>Tables</h1>
443<h2>Tables with Headers</h2>
444<table>
445 <tr>
446 <th>X</th>
447 <th>Y</th>
448 <th>Z</th>
449 </tr>
450 <tr>
451 <td>1</td>
452 <td>2</td>
453 <td>3</td>
454 </tr>
455 <tr>
456 <td>4</td>
457 <td>5</td>
458 <td>6</td>
459 </tr>
460</table>
461<hr />
462<table>
463 <thead>
464 <tr>
465 <th>X</th>
466 <th>Y</th>
467 <th>Z</th>
468 </tr>
469 </thead>
470 <tbody>
471 <tr>
472 <td>1</td>
473 <td>2</td>
474 <td>3</td>
475 </tr>
476 <tr>
477 <td>4</td>
478 <td>5</td>
479 <td>6</td>
480 </tr>
481 </tbody>
482</table>
483<hr />
484<table>
485 <thead>
486 <tr>
487 <th>X</th>
488 <th>Y</th>
489 <th>Z</th>
490 </tr>
491 </thead>
492 <tbody>
493 <tr>
494 <th>1</th>
495 <td>2</td>
496 <td>3</td>
497 </tr>
498 <tr>
499 <th>4</th>
500 <td>5</td>
501 <td>6</td>
502 </tr>
503 </tbody>
504</table>
505<hr />
506<table>
507 <thead>
508 <tr>
509 <th>X</th>
510 <th>Y</th>
511 <th>Z</th>
512 </tr>
513 </thead>
514 <tbody>
515 <tr>
516 <th>1</th>
517 <td>2</td>
518 <td>3</td>
519 </tr>
520 </tbody>
521 <tfoot>
522 <tr>
523 <th>4</th>
524 <td>5</td>
525 <td>6</td>
526 </tr>
527 </tfoot>
528</table>
529<hr />
530<table>
531 <tr>
532 <th>X</th>
533 <th>Y</th>
534 <th>Z</th>
535 </tr>
536 <tr>
537 <th>1</th>
538 <th>2</th>
539 <th>3</th>
540 </tr>
541 <tr>
542 <td>4</td>
543 <td>5</td>
544 <td>6</td>
545 </tr>
546</table>
547<hr />
548<table>
549 <tbody>
550 <tr>
551 <th>X</th>
552 <th>Y</th>
553 <th>Z</th>
554 </tr>
555 <tr>
556 <td>1</td>
557 <td>2</td>
558 <td>3</td>
559 </tr>
560 <tr>
561 <td>4</td>
562 <td>5</td>
563 <td>6</td>
564 </tr>
565 </tbody>
566</table>
567<hr />
568<table>
569 <thead>
570 </thead>
571 <tbody>
572 <tr>
573 <th>X</th>
574 <th>Y</th>
575 <th>Z</th>
576 </tr>
577 <tr>
578 <td>1</td>
579 <td>2</td>
580 <td>3</td>
581 </tr>
582 <tr>
583 <td>4</td>
584 <td>5</td>
585 <td>6</td>
586 </tr>
587 </tbody>
588</table>
589<hr />
590<table>
591 <thead>
592 <tr>
593 <th>X</th>
594 <th>Y</th>
595 <th>Z</th>
596 </tr>
597 </thead>
598 <tbody>
599 <tr>
600 <td>1</td>
601 <td>2</td>
602 <td>3</td>
603 </tr>
604 </tbody>
605 <tbody>
606 <tr>
607 <td>4</td>
608 <td>5</td>
609 <td>6</td>
610 </tr>
611 </tbody>
612</table>
613<hr />
614<table>
615 <thead>
616 <tr>
617 <th>X</th>
618 <th>Y</th>
619 <th>Z</th>
620 </tr>
621 </thead>
622 <tbody>
623 <tr>
624 <td>1</td>
625 <td><p>2</p></td>
626 <td>3</td>
627 </tr>
628 </tbody>
629 <tbody>
630 <tr>
631 <td>4</td>
632 <td>5</td>
633 <td>6</td>
634 </tr>
635 </tbody>
636</table>
637<h2>Tables without Headers</h2>
638<table>
639 <tbody>
640 <tr>
641 <td>1</td>
642 <td>2</td>
643 <td>3</td>
644 </tr>
645 <tr>
646 <td>4</td>
647 <td>5</td>
648 <td>6</td>
649 </tr>
650 </tbody>
651</table>
652<hr />
653<table>
654 <tr>
655 <td>1</td>
656 <td>2</td>
657 <td>3</td>
658 </tr>
659 <tr>
660 <td>4</td>
661 <td>5</td>
662 <td>6</td>
663 </tr>
664</table>
665<hr />
666<table>
667 <thead>
668 </thead>
669 <tbody>
670 <tr>
671 <td>1</td>
672 <td>2</td>
673 <td>3</td>
674 </tr>
675 <tr>
676 <td>4</td>
677 <td>5</td>
678 <td>6</td>
679 </tr>
680 </tbody>
681</table>
682<hr />
683<table>
684 <tbody>
685 <tr>
686 <td>1</td>
687 <td>2</td>
688 <td>3</td>
689 </tr>
690 </tbody>
691 <tfoot>
692 <tr>
693 <td>4</td>
694 <td>5</td>
695 <td>6</td>
696 </tr>
697 </tfoot>
698</table>
699<h2>Empty Tables</h2>
700<p>This section should be empty.</p>
701<table>
702 <tbody>
703 </tbody>
704</table>
705<table>
706</table>
707</body>
708</html>