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