git.iko.soy/typeable/pandoc
on 1.8 help sign in
typeable/pandoc/tests/writer.html
1163 lines 19 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 name="generator" content="pandoc" />
6 <meta name="author" content="John MacFarlane" />
7 <meta name="author" content="Anonymous" />
8 <meta name="date" content="July 17, 2006" />
9 <title>Pandoc Test Suite</title>
10</head>
11<body>
12<h1 class="title">Pandoc Test Suite</h1>
13<p
14>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p
15><hr
16 /><h1 id="headers"
17>Headers</h1
18><h2 id="level-2-with-an-embedded-link"
19>Level 2 with an <a href="/url"
20 >embedded link</a
21 ></h2
22><h3 id="level-3-with-emphasis"
23>Level 3 with <em
24 >emphasis</em
25 ></h3
26><h4 id="level-4"
27>Level 4</h4
28><h5 id="level-5"
29>Level 5</h5
30><h1 id="level-1"
31>Level 1</h1
32><h2 id="level-2-with-emphasis"
33>Level 2 with <em
34 >emphasis</em
35 ></h2
36><h3 id="level-3"
37>Level 3</h3
38><p
39>with no blank line</p
40><h2 id="level-2"
41>Level 2</h2
42><p
43>with no blank line</p
44><hr
45 /><h1 id="paragraphs"
46>Paragraphs</h1
47><p
48>Here’s a regular paragraph.</p
49><p
50>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
51><p
52>Here’s one with a bullet. * criminey.</p
53><p
54>There should be a hard line break<br
55 />here.</p
56><hr
57 /><h1 id="block-quotes"
58>Block Quotes</h1
59><p
60>E-mail style:</p
61><blockquote
62><p
63 >This is a block quote. It is pretty short.</p
64 ></blockquote
65><blockquote
66><p
67 >Code in a block quote:</p
68 ><pre
69 ><code
70 >sub status {
71 print &quot;working&quot;;
73</code
74 ></pre
75 ><p
76 >A list:</p
77 ><ol style="list-style-type: decimal"
78 ><li
79 >item one</li
80 ><li
81 >item two</li
82 ></ol
83 ><p
84 >Nested block quotes:</p
85 ><blockquote
86 ><p
87 >nested</p
88 ></blockquote
89 ><blockquote
90 ><p
91 >nested</p
92 ></blockquote
93 ></blockquote
94><p
95>This should not be a block quote: 2 &gt; 1.</p
96><p
97>And a following paragraph.</p
98><hr
99 /><h1 id="code-blocks"
100>Code Blocks</h1
101><p
102>Code:</p
103><pre
104><code
105 >---- (should be four hyphens)
107sub status {
108 print &quot;working&quot;;
111this code block is indented by one tab
112</code
113 ></pre
114><p
115>And:</p
116><pre
117><code
118 > this code block is indented by two tabs
120These should not be escaped: \$ \\ \&gt; \[ \{
121</code
122 ></pre
123><hr
124 /><h1 id="lists"
125>Lists</h1
126><h2 id="unordered"
127>Unordered</h2
128><p
129>Asterisks tight:</p
130><ul
131><li
132 >asterisk 1</li
133 ><li
134 >asterisk 2</li
135 ><li
136 >asterisk 3</li
137 ></ul
138><p
139>Asterisks loose:</p
140><ul
141><li
142 ><p
143 >asterisk 1</p
144 ></li
145 ><li
146 ><p
147 >asterisk 2</p
148 ></li
149 ><li
150 ><p
151 >asterisk 3</p
152 ></li
153 ></ul
154><p
155>Pluses tight:</p
156><ul
157><li
158 >Plus 1</li
159 ><li
160 >Plus 2</li
161 ><li
162 >Plus 3</li
163 ></ul
164><p
165>Pluses loose:</p
166><ul
167><li
168 ><p
169 >Plus 1</p
170 ></li
171 ><li
172 ><p
173 >Plus 2</p
174 ></li
175 ><li
176 ><p
177 >Plus 3</p
178 ></li
179 ></ul
180><p
181>Minuses tight:</p
182><ul
183><li
184 >Minus 1</li
185 ><li
186 >Minus 2</li
187 ><li
188 >Minus 3</li
189 ></ul
190><p
191>Minuses loose:</p
192><ul
193><li
194 ><p
195 >Minus 1</p
196 ></li
197 ><li
198 ><p
199 >Minus 2</p
200 ></li
201 ><li
202 ><p
203 >Minus 3</p
204 ></li
205 ></ul
206><h2 id="ordered"
207>Ordered</h2
208><p
209>Tight:</p
210><ol style="list-style-type: decimal"
211><li
212 >First</li
213 ><li
214 >Second</li
215 ><li
216 >Third</li
217 ></ol
218><p
219>and:</p
220><ol style="list-style-type: decimal"
221><li
222 >One</li
223 ><li
224 >Two</li
225 ><li
226 >Three</li
227 ></ol
228><p
229>Loose using tabs:</p
230><ol style="list-style-type: decimal"
231><li
232 ><p
233 >First</p
234 ></li
235 ><li
236 ><p
237 >Second</p
238 ></li
239 ><li
240 ><p
241 >Third</p
242 ></li
243 ></ol
244><p
245>and using spaces:</p
246><ol style="list-style-type: decimal"
247><li
248 ><p
249 >One</p
250 ></li
251 ><li
252 ><p
253 >Two</p
254 ></li
255 ><li
256 ><p
257 >Three</p
258 ></li
259 ></ol
260><p
261>Multiple paragraphs:</p
262><ol style="list-style-type: decimal"
263><li
264 ><p
265 >Item 1, graf one.</p
266 ><p
267 >Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p
268 ></li
269 ><li
270 ><p
271 >Item 2.</p
272 ></li
273 ><li
274 ><p
275 >Item 3.</p
276 ></li
277 ></ol
278><h2 id="nested"
279>Nested</h2
280><ul
281><li
282 >Tab<ul
283 ><li
284 >Tab<ul
285 ><li
286 >Tab</li
287 ></ul
288 ></li
289 ></ul
290 ></li
291 ></ul
292><p
293>Here’s another:</p
294><ol style="list-style-type: decimal"
295><li
296 >First</li
297 ><li
298 >Second:<ul
299 ><li
300 >Fee</li
301 ><li
302 >Fie</li
303 ><li
304 >Foe</li
305 ></ul
306 ></li
307 ><li
308 >Third</li
309 ></ol
310><p
311>Same thing but with paragraphs:</p
312><ol style="list-style-type: decimal"
313><li
314 ><p
315 >First</p
316 ></li
317 ><li
318 ><p
319 >Second:</p
320 ><ul
321 ><li
322 >Fee</li
323 ><li
324 >Fie</li
325 ><li
326 >Foe</li
327 ></ul
328 ></li
329 ><li
330 ><p
331 >Third</p
332 ></li
333 ></ol
334><h2 id="tabs-and-spaces"
335>Tabs and spaces</h2
336><ul
337><li
338 ><p
339 >this is a list item indented with tabs</p
340 ></li
341 ><li
342 ><p
343 >this is a list item indented with spaces</p
344 ><ul
345 ><li
346 ><p
347 >this is an example list item indented with tabs</p
348 ></li
349 ><li
350 ><p
351 >this is an example list item indented with spaces</p
352 ></li
353 ></ul
354 ></li
355 ></ul
356><h2 id="fancy-list-markers"
357>Fancy list markers</h2
358><ol start="2" style="list-style-type: decimal"
359><li
360 >begins with 2</li
361 ><li
362 ><p
363 >and now 3</p
364 ><p
365 >with a continuation</p
366 ><ol start="4" style="list-style-type: lower-roman"
367 ><li
368 >sublist with roman numerals, starting with 4</li
369 ><li
370 >more items<ol style="list-style-type: upper-alpha"
371 ><li
372 >a subsublist</li
373 ><li
374 >a subsublist</li
375 ></ol
376 ></li
377 ></ol
378 ></li
379 ></ol
380><p
381>Nesting:</p
382><ol style="list-style-type: upper-alpha"
383><li
384 >Upper Alpha<ol style="list-style-type: upper-roman"
385 ><li
386 >Upper Roman.<ol start="6" style="list-style-type: decimal"
387 ><li
388 >Decimal start with 6<ol start="3" style="list-style-type: lower-alpha"
389 ><li
390 >Lower alpha with paren</li
391 ></ol
392 ></li
393 ></ol
394 ></li
395 ></ol
396 ></li
397 ></ol
398><p
399>Autonumbering:</p
400><ol
401><li
402 >Autonumber.</li
403 ><li
404 >More.<ol
405 ><li
406 >Nested.</li
407 ></ol
408 ></li
409 ></ol
410><p
411>Should not be a list item:</p
412><p
413>M.A. 2007</p
414><p
415>B. Williams</p
416><hr
417 /><h1 id="definition-lists"
418>Definition Lists</h1
419><p
420>Tight using spaces:</p
421><dl
422><dt
423 >apple</dt
424 ><dd
425 >red fruit</dd
426 ><dt
427 >orange</dt
428 ><dd
429 >orange fruit</dd
430 ><dt
431 >banana</dt
432 ><dd
433 >yellow fruit</dd
434 ></dl
435><p
436>Tight using tabs:</p
437><dl
438><dt
439 >apple</dt
440 ><dd
441 >red fruit</dd
442 ><dt
443 >orange</dt
444 ><dd
445 >orange fruit</dd
446 ><dt
447 >banana</dt
448 ><dd
449 >yellow fruit</dd
450 ></dl
451><p
452>Loose:</p
453><dl
454><dt
455 >apple</dt
456 ><dd
457 ><p
458 >red fruit</p
459 ></dd
460 ><dt
461 >orange</dt
462 ><dd
463 ><p
464 >orange fruit</p
465 ></dd
466 ><dt
467 >banana</dt
468 ><dd
469 ><p
470 >yellow fruit</p
471 ></dd
472 ></dl
473><p
474>Multiple blocks with italics:</p
475><dl
476><dt
477 ><em
478 >apple</em
479 ></dt
480 ><dd
481 ><p
482 >red fruit</p
483 ><p
484 >contains seeds, crisp, pleasant to taste</p
485 ></dd
486 ><dt
487 ><em
488 >orange</em
489 ></dt
490 ><dd
491 ><p
492 >orange fruit</p
493 ><pre
494 ><code
495 >{ orange code block }
496</code
497 ></pre
498 ><blockquote
499 ><p
500 >orange block quote</p
501 ></blockquote
502 ></dd
503 ></dl
504><p
505>Multiple definitions, tight:</p
506><dl
507><dt
508 >apple</dt
509 ><dd
510 >red fruit</dd
511 ><dd
512 >computer</dd
513 ><dt
514 >orange</dt
515 ><dd
516 >orange fruit</dd
517 ><dd
518 >bank</dd
519 ></dl
520><p
521>Multiple definitions, loose:</p
522><dl
523><dt
524 >apple</dt
525 ><dd
526 ><p
527 >red fruit</p
528 ></dd
529 ><dd
530 ><p
531 >computer</p
532 ></dd
533 ><dt
534 >orange</dt
535 ><dd
536 ><p
537 >orange fruit</p
538 ></dd
539 ><dd
540 ><p
541 >bank</p
542 ></dd
543 ></dl
544><p
545>Blank line after term, indented marker, alternate markers:</p
546><dl
547><dt
548 >apple</dt
549 ><dd
550 ><p
551 >red fruit</p
552 ></dd
553 ><dd
554 ><p
555 >computer</p
556 ></dd
557 ><dt
558 >orange</dt
559 ><dd
560 ><p
561 >orange fruit</p
562 ><ol style="list-style-type: decimal"
563 ><li
564 >sublist</li
565 ><li
566 >sublist</li
567 ></ol
568 ></dd
569 ></dl
570><h1 id="html-blocks"
571>HTML Blocks</h1
572><p
573>Simple block on one line:</p
574><div>foo</div>
575<p
576>And nested without indentation:</p
577><div>
578<div>
579<div>foo</div>
580</div>
581<div>bar</div>
582</div>
583<p
584>Interpreted markdown in a table:</p
585><table>
586<tr>
587<td>This is <em
588>emphasized</em
589></td>
590<td>And this is <strong
591>strong</strong
592></td>
593</tr>
594</table>
596<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
597<p
598>Here’s a simple block:</p
599><div>
600 foo</div>
601<p
602>This should be a code block, though:</p
603><pre
604><code
605 >&lt;div&gt;
606 foo
607&lt;/div&gt;
608</code
609 ></pre
610><p
611>As should this:</p
612><pre
613><code
614 >&lt;div&gt;foo&lt;/div&gt;
615</code
616 ></pre
617><p
618>Now, nested:</p
619><div>
620 <div>
621 <div>
622 foo</div>
623 </div>
624</div>
625<p
626>This should just be an HTML comment:</p
627><!-- Comment -->
628<p
629>Multiline:</p
630><!--
631Blah
632Blah
633-->
635<!--
636 This is another comment.
637-->
638<p
639>Code block:</p
640><pre
641><code
642 >&lt;!-- Comment --&gt;
643</code
644 ></pre
645><p
646>Just plain comment, with trailing spaces on the line:</p
647><!-- foo -->
648<p
649>Code:</p
650><pre
651><code
652 >&lt;hr /&gt;
653</code
654 ></pre
655><p
656>Hr’s:</p
657><hr>
659<hr />
661<hr />
663<hr>
665<hr />
667<hr />
669<hr class="foo" id="bar" />
671<hr class="foo" id="bar" />
673<hr class="foo" id="bar">
674<hr
675 /><h1 id="inline-markup"
676>Inline Markup</h1
677><p
678>This is <em
679 >emphasized</em
680 >, and so <em
681 >is this</em
682 >.</p
683><p
684>This is <strong
685 >strong</strong
686 >, and so <strong
687 >is this</strong
688 >.</p
689><p
690>An <em
691 ><a href="/url"
692 >emphasized link</a
693 ></em
694 >.</p
695><p
696><strong
697 ><em
698 >This is strong and em.</em
699 ></strong
700 ></p
701><p
702>So is <strong
703 ><em
704 >this</em
705 ></strong
706 > word.</p
707><p
708><strong
709 ><em
710 >This is strong and em.</em
711 ></strong
712 ></p
713><p
714>So is <strong
715 ><em
716 >this</em
717 ></strong
718 > word.</p
719><p
720>This is code: <code
721 >&gt;</code
722 >, <code
723 >$</code
724 >, <code
725 >\</code
726 >, <code
727 >\$</code
728 >, <code
729 >&lt;html&gt;</code
730 >.</p
731><p
732><span style="text-decoration: line-through;"
733 >This is <em
734 >strikeout</em
735 >.</span
736 ></p
737><p
738>Superscripts: a<sup
739 >bc</sup
740 >d a<sup
741 ><em
742 >hello</em
743 ></sup
744 > a<sup
745 >hello there</sup
746 >.</p
747><p
748>Subscripts: H<sub
749 >2</sub
750 >O, H<sub
751 >23</sub
752 >O, H<sub
753 >many of them</sub
754 >O.</p
755><p
756>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p
757><hr
758 /><h1 id="smart-quotes-ellipses-dashes"
759>Smart quotes, ellipses, dashes</h1
760><p
761>“Hello,” said the spider. “‘Shelob’ is my name.”</p
762><p
763>‘A’, ‘B’, and ‘C’ are letters.</p
764><p
765>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p
766><p
767>‘He said, “I want to go.”’ Were you alive in the 70’s?</p
768><p
769>Here is some quoted ‘<code
770 >code</code
771 >’ and a “<a href="http://example.com/?foo=1&amp;bar=2"
772 >quoted link</a
773 >”.</p
774><p
775>Some dashes: one—two — three—four — five.</p
776><p
777>Dashes between numbers: 5–7, 255–66, 1987–1999.</p
778><p
779>Ellipses…and…and….</p
780><hr
781 /><h1 id="latex"
782>LaTeX</h1
783><ul
784><li
785 ></li
786 ><li
787 ><span class="math"
788 >2 + 2 = 4</span
789 ></li
790 ><li
791 ><span class="math"
792 ><em
793 >x</em
794 > ∈ <em
795 >y</em
796 ></span
797 ></li
798 ><li
799 ><span class="math"
800 >α ∧ ω</span
801 ></li
802 ><li
803 ><span class="math"
804 >223</span
805 ></li
806 ><li
807 ><span class="math"
808 ><em
809 >p</em
810 ></span
811 >-Tree</li
812 ><li
813 >Here’s some display math: <br
814 /><span class="math"
815 >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</span
816 ><br
817 /></li
818 ><li
819 >Here’s one that has a line break in it: <span class="math"
820 >α + ω × <em
821 >x</em
822 ><sup
823 >2</sup
824 ></span
825 >.</li
826 ></ul
827><p
828>These shouldn’t be math:</p
829><ul
830><li
831 >To get the famous equation, write <code
832 >$e = mc^2$</code
833 >.</li
834 ><li
835 >$22,000 is a <em
836 >lot</em
837 > of money. So is $34,000. (It worked if “lot” is emphasized.)</li
838 ><li
839 >Shoes ($20) and socks ($5).</li
840 ><li
841 >Escaped <code
842 >$</code
843 >: $73 <em
844 >this should be emphasized</em
845 > 23$.</li
846 ></ul
847><p
848>Here’s a LaTeX table:</p
849><hr
850 /><h1 id="special-characters"
851>Special Characters</h1
852><p
853>Here is some unicode:</p
854><ul
855><li
856 >I hat: Î</li
857 ><li
858 >o umlaut: ö</li
859 ><li
860 >section: §</li
861 ><li
862 >set membership: ∈</li
863 ><li
864 >copyright: ©</li
865 ></ul
866><p
867>AT&amp;T has an ampersand in their name.</p
868><p
869>AT&amp;T is another way to write it.</p
870><p
871>This &amp; that.</p
872><p
873>4 &lt; 5.</p
874><p
875>6 &gt; 5.</p
876><p
877>Backslash: \</p
878><p
879>Backtick: `</p
880><p
881>Asterisk: *</p
882><p
883>Underscore: _</p
884><p
885>Left brace: {</p
886><p
887>Right brace: }</p
888><p
889>Left bracket: [</p
890><p
891>Right bracket: ]</p
892><p
893>Left paren: (</p
894><p
895>Right paren: )</p
896><p
897>Greater-than: &gt;</p
898><p
899>Hash: #</p
900><p
901>Period: .</p
902><p
903>Bang: !</p
904><p
905>Plus: +</p
906><p
907>Minus: -</p
908><hr
909 /><h1 id="links"
910>Links</h1
911><h2 id="explicit"
912>Explicit</h2
913><p
914>Just a <a href="/url/"
915 >URL</a
916 >.</p
917><p
918><a href="/url/" title="title"
919 >URL and title</a
920 >.</p
921><p
922><a href="/url/" title="title preceded by two spaces"
923 >URL and title</a
924 >.</p
925><p
926><a href="/url/" title="title preceded by a tab"
927 >URL and title</a
928 >.</p
929><p
930><a href="/url/" title="title with &quot;quotes&quot; in it"
931 >URL and title</a
932 ></p
933><p
934><a href="/url/" title="title with single quotes"
935 >URL and title</a
936 ></p
937><p
938><a href="/url/with_underscore"
939 >with_underscore</a
940 ></p
941><p
942><script type="text/javascript"
943 >
944<!--
945h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
946document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>');
947// -->
948</script
949 ><noscript
950 >&#x45;&#x6d;&#x61;&#x69;&#108;&#32;&#108;&#x69;&#110;&#x6b;&#32;&#40;&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;&#x29;</noscript
951 ></p
952><p
953><a href=""
954 >Empty</a
955 >.</p
956><h2 id="reference"
957>Reference</h2
958><p
959>Foo <a href="/url/"
960 >bar</a
961 >.</p
962><p
963>Foo <a href="/url/"
964 >bar</a
965 >.</p
966><p
967>Foo <a href="/url/"
968 >bar</a
969 >.</p
970><p
971>With <a href="/url/"
972 >embedded [brackets]</a
973 >.</p
974><p
975><a href="/url/"
976 >b</a
977 > by itself should be a link.</p
978><p
979>Indented <a href="/url"
980 >once</a
981 >.</p
982><p
983>Indented <a href="/url"
984 >twice</a
985 >.</p
986><p
987>Indented <a href="/url"
988 >thrice</a
989 >.</p
990><p
991>This should [not][] be a link.</p
992><pre
993><code
994 >[not]: /url
995</code
996 ></pre
997><p
998>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside"
999 >bar</a
1000 >.</p
1001><p
1002>Foo <a href="/url/" title="Title with &quot;quote&quot; inside"
1003 >biz</a
1004 >.</p
1005><h2 id="with-ampersands"
1006>With ampersands</h2
1007><p
1008>Here’s a <a href="http://example.com/?foo=1&amp;bar=2"
1009 >link with an ampersand in the URL</a
1010 >.</p
1011><p
1012>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T"
1013 >AT&amp;T</a
1014 >.</p
1015><p
1016>Here’s an <a href="/script?foo=1&amp;bar=2"
1017 >inline link</a
1018 >.</p
1019><p
1020>Here’s an <a href="/script?foo=1&amp;bar=2"
1021 >inline link in pointy braces</a
1022 >.</p
1023><h2 id="autolinks"
1024>Autolinks</h2
1025><p
1026>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2"
1027 ><code class="url"
1028 >http://example.com/?foo=1&amp;bar=2</code
1029 ></a
1030 ></p
1031><ul
1032><li
1033 >In a list?</li
1034 ><li
1035 ><a href="http://example.com/"
1036 ><code class="url"
1037 >http://example.com/</code
1038 ></a
1039 ></li
1040 ><li
1041 >It should.</li
1042 ></ul
1043><p
1044>An e-mail address: <script type="text/javascript"
1046<!--
1047h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
1048document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>');
1049// -->
1050</script
1051 ><noscript
1052 >&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;</noscript
1053 ></p
1054><blockquote
1055><p
1056 >Blockquoted: <a href="http://example.com/"
1057 ><code class="url"
1058 >http://example.com/</code
1059 ></a
1060 ></p
1061 ></blockquote
1062><p
1063>Auto-links should not occur here: <code
1064 >&lt;http://example.com/&gt;</code
1065 ></p
1066><pre
1067><code
1068 >or here: &lt;http://example.com/&gt;
1069</code
1070 ></pre
1071><hr
1072 /><h1 id="images"
1073>Images</h1
1074><p
1075>From “Voyage dans la Lune” by Georges Melies (1902):</p
1076><div class="figure"
1077><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"
1078 /><p class="caption"
1079 >lalune</p
1080 ></div
1081><p
1082>Here is a movie <img src="movie.jpg" alt="movie"
1083 /> icon.</p
1084><hr
1085 /><h1 id="footnotes"
1086>Footnotes</h1
1087><p
1088>Here is a footnote reference,<sup
1089 ><a href="#fn1" class="footnoteRef" id="fnref1"
1090 >1</a
1091 ></sup
1092 > and another.<sup
1093 ><a href="#fn2" class="footnoteRef" id="fnref2"
1094 >2</a
1095 ></sup
1096 > This should <em
1097 >not</em
1098 > be a footnote reference, because it contains a space.[^my note] Here is an inline note.<sup
1099 ><a href="#fn3" class="footnoteRef" id="fnref3"
1100 >3</a
1101 ></sup
1102 ></p
1103><blockquote
1104><p
1105 >Notes can go in quotes.<sup
1106 ><a href="#fn4" class="footnoteRef" id="fnref4"
1107 >4</a
1108 ></sup
1109 ></p
1110 ></blockquote
1111><ol style="list-style-type: decimal"
1112><li
1113 >And in list items.<sup
1114 ><a href="#fn5" class="footnoteRef" id="fnref5"
1115 >5</a
1116 ></sup
1117 ></li
1118 ></ol
1119><p
1120>This paragraph should not be part of the note, as it is not indented.</p
1121><div class="footnotes"
1122><hr
1123 /><ol
1124 ><li id="fn1"
1125 ><p
1126 >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" class="footnoteBackLink" title="Jump back to footnote 1">↩</a></p
1127 ></li
1128 ><li id="fn2"
1129 ><p
1130 >Here’s the long note. This one contains multiple blocks.</p
1131 ><p
1132 >Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p
1133 ><pre
1134 ><code
1135 > { &lt;code&gt; }
1136</code
1137 ></pre
1138 ><p
1139 >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" class="footnoteBackLink" title="Jump back to footnote 2">↩</a></p
1140 ></li
1141 ><li id="fn3"
1142 ><p
1143 >This is <em
1144 >easier</em
1145 > to type. Inline notes may contain <a href="http://google.com"
1146 >links</a
1147 > and <code
1148 >]</code
1149 > verbatim characters, as well as [bracketed text]. <a href="#fnref3" class="footnoteBackLink" title="Jump back to footnote 3">↩</a></p
1150 ></li
1151 ><li id="fn4"
1152 ><p
1153 >In quote. <a href="#fnref4" class="footnoteBackLink" title="Jump back to footnote 4">↩</a></p
1154 ></li
1155 ><li id="fn5"
1156 ><p
1157 >In list. <a href="#fnref5" class="footnoteBackLink" title="Jump back to footnote 5">↩</a></p
1158 ></li
1159 ></ol
1160 ></div
1162</body>
1163</html>