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