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