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