diff options
| -rw-r--r-- | src/Text/Pandoc/Writers/HTML.hs | 15 | ||||
| -rw-r--r-- | tests/s5.basic.html | 86 | ||||
| -rw-r--r-- | tests/s5.fancy.html | 86 | ||||
| -rw-r--r-- | tests/s5.fragment.html | 24 | ||||
| -rw-r--r-- | tests/s5.inserts.html | 65 | ||||
| -rw-r--r-- | tests/tables.html | 345 | ||||
| -rw-r--r-- | tests/writer.html | 1647 |
7 files changed, 1230 insertions, 1038 deletions
diff --git a/src/Text/Pandoc/Writers/HTML.hs b/src/Text/Pandoc/Writers/HTML.hs index 06ebf2ca1..6a1aaf18d 100644 --- a/src/Text/Pandoc/Writers/HTML.hs +++ b/src/Text/Pandoc/Writers/HTML.hs @@ -106,15 +106,14 @@ obfuscateLink opts txt src = else text' ++ " (" ++ name ++ " at " ++ domain' ++ ")" in if writerStrictMarkdown opts - then anchor ! [href $ obfuscateString src'] $ - stringToHtml $ obfuscateString text' + then anchor ! [href $ obfuscateString src'] << obfuscateString text' else (script ! [thetype "text/javascript"] $ primHtml ("\n<!--\nh='" ++ obfuscateString domain ++ "';a='" ++ at' ++ "';n='" ++ obfuscateString name ++ "';e=n+a+h;\n" ++ "document.write('<a h'+'ref'+'=\"ma'+'ilto'+':'+e+'\">'+" ++ linkText ++ "+'<\\/'+'a'+'>');\n// -->\n")) +++ - noscript (stringToHtml $ obfuscateString altText) + noscript << obfuscateString altText _ -> anchor ! [href src] $ inlineListToHtml opts txt -- malformed email -- | Obfuscate character as entity. @@ -156,7 +155,7 @@ blockToHtml opts (Note ref lst) = li ! [identifier ("fn" ++ ref)] $ contents +++ backlink blockToHtml opts (Key _ _) = noHtml blockToHtml opts (CodeBlock str) = - pre $ thecode $ stringToHtml (str ++ "\n") -- the final \n for consistency with Markdown.pl + pre $ thecode << (str ++ "\n") -- the final \n for consistency with Markdown.pl blockToHtml opts (RawHtml str) = primHtml str blockToHtml opts (BulletList lst) = let attribs = if writerIncremental opts @@ -224,7 +223,7 @@ inlineToHtml opts (Emph lst) = inlineToHtml opts (Strong lst) = strong $ inlineListToHtml opts lst inlineToHtml opts (Code str) = - thecode $ stringToHtml $ str + thecode << str inlineToHtml opts (Quoted SingleQuote lst) = primHtmlChar "lsquo" +++ inlineListToHtml opts lst +++ primHtmlChar "rsquo" inlineToHtml opts (Quoted DoubleQuote lst) = @@ -249,12 +248,12 @@ inlineToHtml opts (Link txt (Ref ref)) = ']' -- this is what markdown does, for better or worse inlineToHtml opts (Image alttext (Src source tit)) = - let alternate = renderHtml $ inlineListToHtml opts alttext in + let alternate = renderHtmlFragment $ inlineListToHtml opts alttext in image ! ([src source, title tit] ++ if null alttext then [] else [alt alternate]) -- note: null title is included, as in Markdown.pl inlineToHtml opts (Image alternate (Ref ref)) = '!' +++ inlineToHtml opts (Link alternate (Ref ref)) inlineToHtml opts (NoteRef ref) = - anchor ! [href ("#fn" ++ ref), theclass "footnoteRef", identifier ("fnref" ++ ref)] $ - sup (stringToHtml ref) + anchor ! [href ("#fn" ++ ref), theclass "footnoteRef", identifier ("fnref" ++ ref)] << + sup << ref diff --git a/tests/s5.basic.html b/tests/s5.basic.html index 8722240f6..267dab12d 100644 --- a/tests/s5.basic.html +++ b/tests/s5.basic.html @@ -1,11 +1,16 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> -<head> -<!-- configuration parameters --> +<html +><head + ><title + >My S5 Document</title + ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" + /><meta name="generator" content="pandoc" + /><meta name="author" content="Sam Smith" + /><meta name="author" content="Jen Jones" + /><meta name="date" content="July 15, 2006" + /><!-- configuration parameters --> <meta name="defaultView" content="slideshow" /> <meta name="controlVis" content="hidden" /> -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -<meta name="generator" content="pandoc" /> <style type="text/css" media="projection" id="slideProj"> /* Do not edit or override these styles! The system will likely break if you do. */ @@ -737,51 +742,48 @@ function startup() { window.onload = startup; window.onresize = function(){setTimeout('fontScale()', 50);}</script> - -<meta name="author" content="Sam Smith, Jen Jones" /> -<meta name="date" content="July 15, 2006" /> -<title>My S5 Document</title> -</head> -<body> -<div class="layout"> +</head + ><body + ><div class="layout"> <div id="controls"></div> <div id="currentSlide"></div> <div id="header"></div> <div id="footer"> - -<h1>July 15, 2006</h1> -<h2>My S5 Document</h2> +<h1 + >July 15, 2006</h1 + ><h2 + >My S5 Document</h2 + ></div> </div> -</div> - <div class="presentation"> - <div class="slide"> - -<h1>My S5 Document</h1> -<h3>Sam Smith, Jen Jones</h3> -<h4>July 15, 2006</h4> -</div> - +<h1 + >My S5 Document</h1 + ><h3 + >Sam Smith, Jen Jones</h3 + ><h4 + >July 15, 2006</h4 + ></div> <div class="slide"> - -<h1>First slide</h1> -<ul> - <li>first bullet</li> - <li>second bullet</li> -</ul> -</div> - +<h1 + >First slide</h1 + ><ul + ><li + >first bullet</li + ><li + >second bullet</li + ></ul + ></div> <div class="slide"> - -<h1>Math</h1> -<ul> - <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> -</ul> +<h1 + >Math</h1 + ><ul + ><li + >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li + ></ul + ></div> </div> - -</div> - -</body> -</html> +</body + ></html +> diff --git a/tests/s5.fancy.html b/tests/s5.fancy.html index 8892e2ac7..e7f648eed 100644 --- a/tests/s5.fancy.html +++ b/tests/s5.fancy.html @@ -1,11 +1,16 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> -<head> -<!-- configuration parameters --> +<html +><head + ><title + >My S5 Document</title + ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" + /><meta name="generator" content="pandoc" + /><meta name="author" content="Sam Smith" + /><meta name="author" content="Jen Jones" + /><meta name="date" content="July 15, 2006" + /><!-- configuration parameters --> <meta name="defaultView" content="slideshow" /> <meta name="controlVis" content="hidden" /> -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -<meta name="generator" content="pandoc" /> <style type="text/css" media="projection" id="slideProj"> /* Do not edit or override these styles! The system will likely break if you do. */ @@ -1649,51 +1654,48 @@ else } } </script> - -<meta name="author" content="Sam Smith, Jen Jones" /> -<meta name="date" content="July 15, 2006" /> -<title>My S5 Document</title> -</head> -<body> -<div class="layout"> +</head + ><body + ><div class="layout"> <div id="controls"></div> <div id="currentSlide"></div> <div id="header"></div> <div id="footer"> - -<h1>July 15, 2006</h1> -<h2>My S5 Document</h2> +<h1 + >July 15, 2006</h1 + ><h2 + >My S5 Document</h2 + ></div> </div> -</div> - <div class="presentation"> - <div class="slide"> - -<h1>My S5 Document</h1> -<h3>Sam Smith, Jen Jones</h3> -<h4>July 15, 2006</h4> -</div> - +<h1 + >My S5 Document</h1 + ><h3 + >Sam Smith, Jen Jones</h3 + ><h4 + >July 15, 2006</h4 + ></div> <div class="slide"> - -<h1>First slide</h1> -<ul class="incremental"> - <li>first bullet</li> - <li>second bullet</li> -</ul> -</div> - +<h1 + >First slide</h1 + ><ul class="incremental" + ><li + >first bullet</li + ><li + >second bullet</li + ></ul + ></div> <div class="slide"> - -<h1>Math</h1> -<ul class="incremental"> - <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> -</ul> +<h1 + >Math</h1 + ><ul class="incremental" + ><li + >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li + ></ul + ></div> </div> - -</div> - -</body> -</html> +</body + ></html +> diff --git a/tests/s5.fragment.html b/tests/s5.fragment.html index 728ca8704..c4a120841 100644 --- a/tests/s5.fragment.html +++ b/tests/s5.fragment.html @@ -1,9 +1,15 @@ -<h1>First slide</h1> -<ul> - <li>first bullet</li> - <li>second bullet</li> -</ul> -<h1>Math</h1> -<ul> - <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> -</ul> +<h1 +>First slide</h1 +><ul +><li + >first bullet</li + ><li + >second bullet</li + ></ul +><h1 +>Math</h1 +><ul +><li + >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li + ></ul +>
\ No newline at end of file diff --git a/tests/s5.inserts.html b/tests/s5.inserts.html index 836546d2d..e8b0e06b3 100644 --- a/tests/s5.inserts.html +++ b/tests/s5.inserts.html @@ -1,32 +1,35 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" - "http://www.w3.org/TR/html4/loose.dtd"> -<html> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -<meta name="generator" content="pandoc" /> -<link rel="stylesheet" href="main.css" type="text/css" media="all" /> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html +><head + ><title + >My S5 Document</title + ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" + /><meta name="generator" content="pandoc" + /><meta name="author" content="Sam Smith" + /><meta name="author" content="Jen Jones" + /><meta name="date" content="July 15, 2006" + /><link rel="stylesheet" href="main.css" type="text/css" media="all" /> STUFF INSERTED - -<meta name="author" content="Sam Smith, Jen Jones" /> -<meta name="date" content="July 15, 2006" /> -<title>My S5 Document</title> -</head> -<body> -STUFF INSERTED - -<h1 class="title"> -My S5 Document -</h1> -<h1>First slide</h1> -<ul> - <li>first bullet</li> - <li>second bullet</li> -</ul> -<h1>Math</h1> -<ul> - <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> -</ul> -STUFF INSERTED - -</body> -</html> +</head + ><body + >STUFF INSERTED +<h1 class="title" + >My S5 Document</h1 + ><h1 + >First slide</h1 + ><ul + ><li + >first bullet</li + ><li + >second bullet</li + ></ul + ><h1 + >Math</h1 + ><ul + ><li + >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li + ></ul + >STUFF INSERTED +</body + ></html +> diff --git a/tests/tables.html b/tests/tables.html index e145088d2..a4c402b8a 100644 --- a/tests/tables.html +++ b/tests/tables.html @@ -1,138 +1,207 @@ -<p> - Simple table with caption: -</p> -<table> - <caption>Demonstration of simple table syntax.</caption> - <tr> - <th align="right" style="{width: 15%;}">Right</th> - <th align="left" style="{width: 8%;}">Left</th> - <th align="center" style="{width: 16%;}">Center</th> - <th align="left" style="{width: 12%;}">Default</th> - </tr> - <tr> - <td align="right">12</td> - <td align="left">12</td> - <td align="center">12</td> - <td align="left">12</td> - </tr> - <tr> - <td align="right">123</td> - <td align="left">123</td> - <td align="center">123</td> - <td align="left">123</td> - </tr> - <tr> - <td align="right">1</td> - <td align="left">1</td> - <td align="center">1</td> - <td align="left">1</td> - </tr> -</table> -<p> - Simple table without caption: -</p> -<table> - <tr> - <th align="right" style="{width: 15%;}">Right</th> - <th align="left" style="{width: 8%;}">Left</th> - <th align="center" style="{width: 16%;}">Center</th> - <th align="left" style="{width: 12%;}">Default</th> - </tr> - <tr> - <td align="right">12</td> - <td align="left">12</td> - <td align="center">12</td> - <td align="left">12</td> - </tr> - <tr> - <td align="right">123</td> - <td align="left">123</td> - <td align="center">123</td> - <td align="left">123</td> - </tr> - <tr> - <td align="right">1</td> - <td align="left">1</td> - <td align="center">1</td> - <td align="left">1</td> - </tr> -</table> -<p> - Simple table indented two spaces: -</p> -<table> - <caption>Demonstration of simple table syntax.</caption> - <tr> - <th align="right" style="{width: 15%;}">Right</th> - <th align="left" style="{width: 8%;}">Left</th> - <th align="center" style="{width: 16%;}">Center</th> - <th align="left" style="{width: 12%;}">Default</th> - </tr> - <tr> - <td align="right">12</td> - <td align="left">12</td> - <td align="center">12</td> - <td align="left">12</td> - </tr> - <tr> - <td align="right">123</td> - <td align="left">123</td> - <td align="center">123</td> - <td align="left">123</td> - </tr> - <tr> - <td align="right">1</td> - <td align="left">1</td> - <td align="center">1</td> - <td align="left">1</td> - </tr> -</table> -<p> - Multiline table with caption: -</p> -<table> - <caption>Here's the caption. It may span multiple lines.</caption> - <tr> - <th align="center" style="{width: 15%;}">Centered Header</th> - <th align="left" style="{width: 13%;}">Left Aligned</th> - <th align="right" style="{width: 16%;}">Right Aligned</th> - <th align="left" style="{width: 33%;}">Default aligned</th> - </tr> - <tr> - <td align="center">First</td> - <td align="left">row</td> - <td align="right">12.0</td> - <td align="left">Example of a row that spans multiple lines.</td> - </tr> - <tr> - <td align="center">Second</td> - <td align="left">row</td> - <td align="right">5.0</td> - <td align="left">Here's another one. Note the blank line between - rows.</td> - </tr> -</table> -<p> - Multiline table without caption: -</p> -<table> - <tr> - <th align="center" style="{width: 15%;}">Centered Header</th> - <th align="left" style="{width: 13%;}">Left Aligned</th> - <th align="right" style="{width: 16%;}">Right Aligned</th> - <th align="left" style="{width: 33%;}">Default aligned</th> - </tr> - <tr> - <td align="center">First</td> - <td align="left">row</td> - <td align="right">12.0</td> - <td align="left">Example of a row that spans multiple lines.</td> - </tr> - <tr> - <td align="center">Second</td> - <td align="left">row</td> - <td align="right">5.0</td> - <td align="left">Here's another one. Note the blank line between - rows.</td> - </tr> -</table> +<p +>Simple table with caption:</p +><table +><caption + >Demonstration of simple table syntax.</caption + ><tr + ><th align="right" style="{width: 15%;}" + >Right</th + ><th align="left" style="{width: 8%;}" + >Left</th + ><th align="center" style="{width: 16%;}" + >Center</th + ><th align="left" style="{width: 12%;}" + >Default</th + ></tr + ><tr + ><td align="right" + >12</td + ><td align="left" + >12</td + ><td align="center" + >12</td + ><td align="left" + >12</td + ></tr + ><tr + ><td align="right" + >123</td + ><td align="left" + >123</td + ><td align="center" + >123</td + ><td align="left" + >123</td + ></tr + ><tr + ><td align="right" + >1</td + ><td align="left" + >1</td + ><td align="center" + >1</td + ><td align="left" + >1</td + ></tr + ></table +><p +>Simple table without caption:</p +><table +><tr + ><th align="right" style="{width: 15%;}" + >Right</th + ><th align="left" style="{width: 8%;}" + >Left</th + ><th align="center" style="{width: 16%;}" + >Center</th + ><th align="left" style="{width: 12%;}" + >Default</th + ></tr + ><tr + ><td align="right" + >12</td + ><td align="left" + >12</td + ><td align="center" + >12</td + ><td align="left" + >12</td + ></tr + ><tr + ><td align="right" + >123</td + ><td align="left" + >123</td + ><td align="center" + >123</td + ><td align="left" + >123</td + ></tr + ><tr + ><td align="right" + >1</td + ><td align="left" + >1</td + ><td align="center" + >1</td + ><td align="left" + >1</td + ></tr + ></table +><p +>Simple table indented two spaces:</p +><table +><caption + >Demonstration of simple table syntax.</caption + ><tr + ><th align="right" style="{width: 15%;}" + >Right</th + ><th align="left" style="{width: 8%;}" + >Left</th + ><th align="center" style="{width: 16%;}" + >Center</th + ><th align="left" style="{width: 12%;}" + >Default</th + ></tr + ><tr + ><td align="right" + >12</td + ><td align="left" + >12</td + ><td align="center" + >12</td + ><td align="left" + >12</td + ></tr + ><tr + ><td align="right" + >123</td + ><td align="left" + >123</td + ><td align="center" + >123</td + ><td align="left" + >123</td + ></tr + ><tr + ><td align="right" + >1</td + ><td align="left" + >1</td + ><td align="center" + >1</td + ><td align="left" + >1</td + ></tr + ></table +><p +>Multiline table with caption:</p +><table +><caption + >Here's the caption. It may span multiple lines.</caption + ><tr + ><th align="center" style="{width: 15%;}" + >Centered Header</th + ><th align="left" style="{width: 13%;}" + >Left Aligned</th + ><th align="right" style="{width: 16%;}" + >Right Aligned</th + ><th align="left" style="{width: 33%;}" + >Default aligned</th + ></tr + ><tr + ><td align="center" + >First</td + ><td align="left" + >row</td + ><td align="right" + >12.0</td + ><td align="left" + >Example of a row that spans multiple lines.</td + ></tr + ><tr + ><td align="center" + >Second</td + ><td align="left" + >row</td + ><td align="right" + >5.0</td + ><td align="left" + >Here's another one. Note the blank line between rows.</td + ></tr + ></table +><p +>Multiline table without caption:</p +><table +><tr + ><th align="center" style="{width: 15%;}" + >Centered Header</th + ><th align="left" style="{width: 13%;}" + >Left Aligned</th + ><th align="right" style="{width: 16%;}" + >Right Aligned</th + ><th align="left" style="{width: 33%;}" + >Default aligned</th + ></tr + ><tr + ><td align="center" + >First</td + ><td align="left" + >row</td + ><td align="right" + >12.0</td + ><td align="left" + >Example of a row that spans multiple lines.</td + ></tr + ><tr + ><td align="center" + >Second</td + ><td align="left" + >row</td + ><td align="right" + >5.0</td + ><td align="left" + >Here's another one. Note the blank line between rows.</td + ></tr + ></table +>
\ No newline at end of file diff --git a/tests/writer.html b/tests/writer.html index 356e4cb3e..f5d8f145a 100644 --- a/tests/writer.html +++ b/tests/writer.html @@ -1,421 +1,453 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" - "http://www.w3.org/TR/html4/loose.dtd"> -<html> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -<meta name="generator" content="pandoc" /> - -<meta name="author" content="John MacFarlane, Anonymous" /> -<meta name="date" content="July 17, 2006" /> -<title>Pandoc Test Suite</title> -</head> -<body> -<h1 class="title"> -Pandoc Test Suite -</h1> -<p> - This is a set of tests for pandoc. Most of them are adapted from - John Gruber’s markdown test suite. -</p> -<hr /> -<h1>Headers</h1> -<h2>Level 2 with an <a href="/url">embedded link</a></h2> -<h3>Level 3 with <em>emphasis</em></h3> -<h4>Level 4</h4> -<h5>Level 5</h5> -<h1>Level 1</h1> -<h2>Level 2 with <em>emphasis</em></h2> -<h3>Level 3</h3> -<p> - with no blank line -</p> -<h2>Level 2</h2> -<p> - with no blank line -</p> -<hr /> -<h1>Paragraphs</h1> -<p> - Here’s a regular paragraph. -</p> -<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> -<p> - Here’s one with a bullet. * criminey. -</p> -<p> - There should be a hard line break<br />here. -</p> -<hr /> -<h1>Block Quotes</h1> -<p> - E-mail style: -</p> -<blockquote> - <p> - This is a block quote. It is pretty short. - </p> -</blockquote> -<blockquote> - <p> - Code in a block quote: - </p> - <pre><code>sub status { +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html +><head + ><title + >Pandoc Test Suite</title + ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" + /><meta name="generator" content="pandoc" + /><meta name="author" content="John MacFarlane" + /><meta name="author" content="Anonymous" + /><meta name="date" content="July 17, 2006" + /></head + ><body + ><h1 class="title" + >Pandoc Test Suite</h1 + ><p + >This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p + ><hr + /><h1 + >Headers</h1 + ><h2 + >Level 2 with an <a href="/url" + >embedded link</a + ></h2 + ><h3 + >Level 3 with <em + >emphasis</em + ></h3 + ><h4 + >Level 4</h4 + ><h5 + >Level 5</h5 + ><h1 + >Level 1</h1 + ><h2 + >Level 2 with <em + >emphasis</em + ></h2 + ><h3 + >Level 3</h3 + ><p + >with no blank line</p + ><h2 + >Level 2</h2 + ><p + >with no blank line</p + ><hr + /><h1 + >Paragraphs</h1 + ><p + >Here’s a regular paragraph.</p + ><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 + ><p + >Here’s one with a bullet. * criminey.</p + ><p + >There should be a hard line break<br + />here.</p + ><hr + /><h1 + >Block Quotes</h1 + ><p + >E-mail style:</p + ><blockquote + ><p + >This is a block quote. It is pretty short.</p + ></blockquote + ><blockquote + ><p + >Code in a block quote:</p + ><pre + ><code + >sub status { print "working"; } -</code></pre> - <p> - A list: - </p> - <ol> - <li>item one</li> - <li>item two</li> - </ol> - <p> - Nested block quotes: - </p> - <blockquote> - <p> - nested - </p> - </blockquote> - <blockquote> - <p> - nested - </p> - </blockquote> -</blockquote> -<p> - This should not be a block quote: 2 > 1. -</p> -<p> - Box-style: -</p> -<blockquote> - <p> - Example: - </p> - <pre><code>sub status { +</code + ></pre + ><p + >A list:</p + ><ol + ><li + >item one</li + ><li + >item two</li + ></ol + ><p + >Nested block quotes:</p + ><blockquote + ><p + >nested</p + ></blockquote + ><blockquote + ><p + >nested</p + ></blockquote + ></blockquote + ><p + >This should not be a block quote: 2 > 1.</p + ><p + >Box-style:</p + ><blockquote + ><p + >Example:</p + ><pre + ><code + >sub status { print "working"; } -</code></pre> -</blockquote> -<blockquote> - <ol> - <li>do laundry</li> - <li>take out the trash</li> - </ol> -</blockquote> -<p> - Here’s a nested one: -</p> -<blockquote> - <p> - Joe said: - </p> - <blockquote> - <p> - Don’t quote me. - </p> - </blockquote> -</blockquote> -<p> - And a following paragraph. -</p> -<hr /> -<h1>Code Blocks</h1> -<p> - Code: -</p> -<pre><code>---- (should be four hyphens) +</code + ></pre + ></blockquote + ><blockquote + ><ol + ><li + >do laundry</li + ><li + >take out the trash</li + ></ol + ></blockquote + ><p + >Here’s a nested one:</p + ><blockquote + ><p + >Joe said:</p + ><blockquote + ><p + >Don’t quote me.</p + ></blockquote + ></blockquote + ><p + >And a following paragraph.</p + ><hr + /><h1 + >Code Blocks</h1 + ><p + >Code:</p + ><pre + ><code + >---- (should be four hyphens) sub status { print "working"; } this code block is indented by one tab -</code></pre> -<p> - And: -</p> -<pre><code> this code block is indented by two tabs +</code + ></pre + ><p + >And:</p + ><pre + ><code + > this code block is indented by two tabs These should not be escaped: \$ \\ \> \[ \{ -</code></pre> -<hr /> -<h1>Lists</h1> -<h2>Unordered</h2> -<p> - Asterisks tight: -</p> -<ul> - <li>asterisk 1</li> - <li>asterisk 2</li> - <li>asterisk 3</li> -</ul> -<p> - Asterisks loose: -</p> -<ul> - <li><p> - asterisk 1 - </p></li> - <li><p> - asterisk 2 - </p></li> - <li><p> - asterisk 3 - </p></li> -</ul> -<p> - Pluses tight: -</p> -<ul> - <li>Plus 1</li> - <li>Plus 2</li> - <li>Plus 3</li> -</ul> -<p> - Pluses loose: -</p> -<ul> - <li><p> - Plus 1 - </p></li> - <li><p> - Plus 2 - </p></li> - <li><p> - Plus 3 - </p></li> -</ul> -<p> - Minuses tight: -</p> -<ul> - <li>Minus 1</li> - <li>Minus 2</li> - <li>Minus 3</li> -</ul> -<p> - Minuses loose: -</p> -<ul> - <li><p> - Minus 1 - </p></li> - <li><p> - Minus 2 - </p></li> - <li><p> - Minus 3 - </p></li> -</ul> -<h2>Ordered</h2> -<p> - Tight: -</p> -<ol> - <li>First</li> - <li>Second</li> - <li>Third</li> -</ol> -<p> - and: -</p> -<ol> - <li>One</li> - <li>Two</li> - <li>Three</li> -</ol> -<p> - Loose using tabs: -</p> -<ol> - <li><p> - First - </p></li> - <li><p> - Second - </p></li> - <li><p> - Third - </p></li> -</ol> -<p> - and using spaces: -</p> -<ol> - <li><p> - One - </p></li> - <li><p> - Two - </p></li> - <li><p> - Three - </p></li> -</ol> -<p> - Multiple paragraphs: -</p> -<ol> - <li><p> - Item 1, graf one. - </p> - <p> - Item 1. graf two. The quick brown fox jumped over the lazy - dog’s back. - </p></li> - <li><p> - Item 2. - </p></li> - <li><p> - Item 3. - </p></li> -</ol> -<h2>Nested</h2> -<ul> - <li>Tab - <ul> - <li>Tab - <ul> - <li>Tab</li> - </ul></li> - </ul></li> -</ul> -<p> - Here’s another: -</p> -<ol> - <li>First</li> - <li>Second: - <ul> - <li>Fee</li> - <li>Fie</li> - <li>Foe</li> - </ul></li> - <li>Third</li> -</ol> -<p> - Same thing but with paragraphs: -</p> -<ol> - <li><p> - First - </p></li> - <li><p> - Second: - </p> - <ul> - <li>Fee</li> - <li>Fie</li> - <li>Foe</li> - </ul></li> - <li><p> - Third - </p></li> -</ol> -<h2>Tabs and spaces</h2> -<ul> - <li><p> - this is a list item indented with tabs - </p></li> - <li><p> - this is a list item indented with spaces - </p> - <ul> - <li><p> - this is an example list item indented with tabs - </p></li> - <li><p> - this is an example list item indented with spaces - </p></li> - </ul></li> -</ul> -<hr /> -<h1>HTML Blocks</h1> -<p> - Simple block on one line: -</p> -<div> -foo -</div> - -<p> - And nested without indentation: -</p> -<div> -<div> +</code + ></pre + ><hr + /><h1 + >Lists</h1 + ><h2 + >Unordered</h2 + ><p + >Asterisks tight:</p + ><ul + ><li + >asterisk 1</li + ><li + >asterisk 2</li + ><li + >asterisk 3</li + ></ul + ><p + >Asterisks loose:</p + ><ul + ><li + ><p + >asterisk 1</p + ></li + ><li + ><p + >asterisk 2</p + ></li + ><li + ><p + >asterisk 3</p + ></li + ></ul + ><p + >Pluses tight:</p + ><ul + ><li + >Plus 1</li + ><li + >Plus 2</li + ><li + >Plus 3</li + ></ul + ><p + >Pluses loose:</p + ><ul + ><li + ><p + >Plus 1</p + ></li + ><li + ><p + >Plus 2</p + ></li + ><li + ><p + >Plus 3</p + ></li + ></ul + ><p + >Minuses tight:</p + ><ul + ><li + >Minus 1</li + ><li + >Minus 2</li + ><li + >Minus 3</li + ></ul + ><p + >Minuses loose:</p + ><ul + ><li + ><p + >Minus 1</p + ></li + ><li + ><p + >Minus 2</p + ></li + ><li + ><p + >Minus 3</p + ></li + ></ul + ><h2 + >Ordered</h2 + ><p + >Tight:</p + ><ol + ><li + >First</li + ><li + >Second</li + ><li + >Third</li + ></ol + ><p + >and:</p + ><ol + ><li + >One</li + ><li + >Two</li + ><li + >Three</li + ></ol + ><p + >Loose using tabs:</p + ><ol + ><li + ><p + >First</p + ></li + ><li + ><p + >Second</p + ></li + ><li + ><p + >Third</p + ></li + ></ol + ><p + >and using spaces:</p + ><ol + ><li + ><p + >One</p + ></li + ><li + ><p + >Two</p + ></li + ><li + ><p + >Three</p + ></li + ></ol + ><p + >Multiple paragraphs:</p + ><ol + ><li + ><p + >Item 1, graf one.</p + ><p + >Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p + ></li + ><li + ><p + >Item 2.</p + ></li + ><li + ><p + >Item 3.</p + ></li + ></ol + ><h2 + >Nested</h2 + ><ul + ><li + >Tab<ul + ><li + >Tab<ul + ><li + >Tab</li + ></ul + ></li + ></ul + ></li + ></ul + ><p + >Here’s another:</p + ><ol + ><li + >First</li + ><li + >Second:<ul + ><li + >Fee</li + ><li + >Fie</li + ><li + >Foe</li + ></ul + ></li + ><li + >Third</li + ></ol + ><p + >Same thing but with paragraphs:</p + ><ol + ><li + ><p + >First</p + ></li + ><li + ><p + >Second:</p + ><ul + ><li + >Fee</li + ><li + >Fie</li + ><li + >Foe</li + ></ul + ></li + ><li + ><p + >Third</p + ></li + ></ol + ><h2 + >Tabs and spaces</h2 + ><ul + ><li + ><p + >this is a list item indented with tabs</p + ></li + ><li + ><p + >this is a list item indented with spaces</p + ><ul + ><li + ><p + >this is an example list item indented with tabs</p + ></li + ><li + ><p + >this is an example list item indented with spaces</p + ></li + ></ul + ></li + ></ul + ><hr + /><h1 + >HTML Blocks</h1 + ><p + >Simple block on one line:</p + ><div>foo</div> +<p + >And nested without indentation:</p + ><div> <div> -foo +<div>foo</div> </div> +<div>bar</div> </div> -<div> -bar -</div> -</div> - -<p> - Interpreted markdown in a table: -</p> -<table> +<p + >Interpreted markdown in a table:</p + ><table> <tr> -<td> -This is <em>emphasized</em> -</td> -<td> -And this is <strong>strong</strong> -</td> +<td>This is <em + >emphasized</em + ></td> +<td>And this is <strong + >strong</strong + ></td> </tr> </table> <script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script> - -<p> - Here’s a simple block: -</p> -<div> - -foo -</div> - -<p> - This should be a code block, though: -</p> -<pre><code><div> +<p + >Here’s a simple block:</p + ><div> + foo</div> +<p + >This should be a code block, though:</p + ><pre + ><code + ><div> foo </div> -</code></pre> -<p> - As should this: -</p> -<pre><code><div>foo</div> -</code></pre> -<p> - Now, nested: -</p> -<div> +</code + ></pre + ><p + >As should this:</p + ><pre + ><code + ><div>foo</div> +</code + ></pre + ><p + >Now, nested:</p + ><div> <div> <div> - -foo -</div> + foo</div> </div> </div> - -<p> - This should just be an HTML comment: -</p> -<!-- Comment --> - -<p> - Multiline: -</p> -<!-- +<p + >This should just be an HTML comment:</p + ><!-- Comment --> +<p + >Multiline:</p + ><!-- Blah Blah --> @@ -423,26 +455,26 @@ Blah <!-- This is another comment. --> - -<p> - Code block: -</p> -<pre><code><!-- Comment --> -</code></pre> -<p> - Just plain comment, with trailing spaces on the line: -</p> -<!-- foo --> - -<p> - Code: -</p> -<pre><code><hr /> -</code></pre> -<p> - Hr’s: -</p> -<hr> +<p + >Code block:</p + ><pre + ><code + ><!-- Comment --> +</code + ></pre + ><p + >Just plain comment, with trailing spaces on the line:</p + ><!-- foo --> +<p + >Code:</p + ><pre + ><code + ><hr /> +</code + ></pre + ><p + >Hr’s:</p + ><hr> <hr /> @@ -459,370 +491,449 @@ Blah <hr class="foo" id="bar" /> <hr class="foo" id="bar"> - -<hr /> -<h1>Inline Markup</h1> -<p> - This is <em>emphasized</em>, and so <em>is this</em>. -</p> -<p> - This is <strong>strong</strong>, and so <strong>is this</strong>. -</p> -<p> - An <em><a href="/url">emphasized link</a></em>. -</p> -<p> - <strong><em>This is strong and em.</em></strong> -</p> -<p> - So is <strong><em>this</em></strong> word. -</p> -<p> - <strong><em>This is strong and em.</em></strong> -</p> -<p> - So is <strong><em>this</em></strong> word. -</p> -<p> - This is code: <code>></code>, <code>$</code>, <code>\</code>, - <code>\$</code>, <code><html></code>. -</p> -<hr /> -<h1>Smart quotes, ellipses, dashes</h1> -<p> - “Hello,” said the spider. - “‘Shelob’ is my name.” -</p> -<p> - ‘A’, ‘B’, and ‘C’ are letters. -</p> -<p> - ‘Oak,’ ‘elm,’ and ‘beech’ are - names of trees. So is ‘pine.’ -</p> -<p> - ‘He said, “I want to go.”’ Were you alive - in the 70’s? -</p> -<p> - Here is some quoted ‘<code>code</code>’ and a - “<a href="http://example.com/?foo=1&bar=2">quoted link</a>”. -</p> -<p> - Some dashes: one—two—three—four—five. -</p> -<p> - Dashes between numbers: 5–7, 255–66, 1987–1999. -</p> -<p> - Ellipses…and…and…. -</p> -<hr /> -<h1>LaTeX</h1> -<ul> - <li>\cite[22-23]{smith.1899}</li> - <li>\doublespacing</li> - <li>$2+2=4$</li> - <li>$x \in y$</li> - <li>$\alpha \wedge \omega$</li> - <li>$223$</li> - <li>$p$-Tree</li> - <li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li> - <li>Here’s one that has a line break in it: - $\alpha + \omega \times x^2$.</li> -</ul> -<p> - These shouldn’t be math: -</p> -<ul> - <li>To get the famous equation, write <code>$e = mc^2$</code>.</li> - <li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked - if “lot” is emphasized.)</li> - <li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> - 23$.</li> -</ul> -<p> - Here’s a LaTeX table: -</p> -<p> - \begin{tabular}{|l|l|}\hline +<hr + /><h1 + >Inline Markup</h1 + ><p + >This is <em + >emphasized</em + >, and so <em + >is this</em + >.</p + ><p + >This is <strong + >strong</strong + >, and so <strong + >is this</strong + >.</p + ><p + >An <em + ><a href="/url" + >emphasized link</a + ></em + >.</p + ><p + ><strong + ><em + >This is strong and em.</em + ></strong + ></p + ><p + >So is <strong + ><em + >this</em + ></strong + > word.</p + ><p + ><strong + ><em + >This is strong and em.</em + ></strong + ></p + ><p + >So is <strong + ><em + >this</em + ></strong + > word.</p + ><p + >This is code: <code + >></code + >, <code + >$</code + >, <code + >\</code + >, <code + >\$</code + >, <code + ><html></code + >.</p + ><hr + /><h1 + >Smart quotes, ellipses, dashes</h1 + ><p + >“Hello,” said the spider. “‘Shelob’ is my name.”</p + ><p + >‘A’, ‘B’, and ‘C’ are letters.</p + ><p + >‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p + ><p + >‘He said, “I want to go.”’ Were you alive in the 70’s?</p + ><p + >Here is some quoted ‘<code + >code</code + >’ and a “<a href="http://example.com/?foo=1&bar=2" + >quoted link</a + >”.</p + ><p + >Some dashes: one—two—three—four—five.</p + ><p + >Dashes between numbers: 5–7, 255–66, 1987–1999.</p + ><p + >Ellipses…and…and….</p + ><hr + /><h1 + >LaTeX</h1 + ><ul + ><li + >\cite[22-23]{smith.1899}</li + ><li + >\doublespacing</li + ><li + >$2+2=4$</li + ><li + >$x \in y$</li + ><li + >$\alpha \wedge \omega$</li + ><li + >$223$</li + ><li + >$p$-Tree</li + ><li + >$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li + ><li + >Here’s one that has a line break in it: $\alpha + \omega \times x^2$.</li + ></ul + ><p + >These shouldn’t be math:</p + ><ul + ><li + >To get the famous equation, write <code + >$e = mc^2$</code + >.</li + ><li + >$22,000 is a <em + >lot</em + > of money. So is $34,000. (It worked if “lot” is emphasized.)</li + ><li + >Escaped <code + >$</code + >: $73 <em + >this should be emphasized</em + > 23$.</li + ></ul + ><p + >Here’s a LaTeX table:</p + ><p + >\begin{tabular}{|l|l|}\hline Animal & Number \\ \hline Dog & 2 \\ Cat & 1 \\ \hline -\end{tabular} -</p> -<hr /> -<h1>Special Characters</h1> -<p> - Here is some unicode: -</p> -<ul> - <li>I hat: Î</li> - <li>o umlaut: ö</li> - <li>section: §</li> - <li>set membership: ∈</li> - <li>copyright: ©</li> -</ul> -<p> - AT&T has an ampersand in their name. -</p> -<p> - AT&T is another way to write it. -</p> -<p> - This & that. -</p> -<p> - 4 < 5. -</p> -<p> - 6 > 5. -</p> -<p> - Backslash: \ -</p> -<p> - Backtick: ` -</p> -<p> - Asterisk: * -</p> -<p> - Underscore: _ -</p> -<p> - Left brace: { -</p> -<p> - Right brace: } -</p> -<p> - Left bracket: [ -</p> -<p> - Right bracket: ] -</p> -<p> - Left paren: ( -</p> -<p> - Right paren: ) -</p> -<p> - Greater-than: > -</p> -<p> - Hash: # -</p> -<p> - Period: . -</p> -<p> - Bang: ! -</p> -<p> - Plus: + -</p> -<p> - Minus: - -</p> -<hr /> -<h1>Links</h1> -<h2>Explicit</h2> -<p> - Just a <a href="/url/">URL</a>. -</p> -<p> - <a href="/url/" title="title">URL and title</a>. -</p> -<p> - <a href="/url/" title="title preceded by two spaces">URL and title</a>. -</p> -<p> - <a href="/url/" title="title preceded by a tab">URL and title</a>. -</p> -<p> - <a href="/url/" title="title with "quotes" in it">URL and title</a> -</p> -<p> - <a href="/url/" title="title with single quotes">URL and title</a> -</p> -<p> - <a href="/url/with_underscore">with_underscore</a> -</p> -<p> - <script type="text/javascript"> +\end{tabular}</p + ><hr + /><h1 + >Special Characters</h1 + ><p + >Here is some unicode:</p + ><ul + ><li + >I hat: Î</li + ><li + >o umlaut: ö</li + ><li + >section: §</li + ><li + >set membership: ∈</li + ><li + >copyright: ©</li + ></ul + ><p + >AT&T has an ampersand in their name.</p + ><p + >AT&T is another way to write it.</p + ><p + >This & that.</p + ><p + >4 < 5.</p + ><p + >6 > 5.</p + ><p + >Backslash: \</p + ><p + >Backtick: `</p + ><p + >Asterisk: *</p + ><p + >Underscore: _</p + ><p + >Left brace: {</p + ><p + >Right brace: }</p + ><p + >Left bracket: [</p + ><p + >Right bracket: ]</p + ><p + >Left paren: (</p + ><p + >Right paren: )</p + ><p + >Greater-than: ></p + ><p + >Hash: #</p + ><p + >Period: .</p + ><p + >Bang: !</p + ><p + >Plus: +</p + ><p + >Minus: -</p + ><hr + /><h1 + >Links</h1 + ><h2 + >Explicit</h2 + ><p + >Just a <a href="/url/" + >URL</a + >.</p + ><p + ><a href="/url/" title="title" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title preceded by two spaces" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title preceded by a tab" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title with "quotes" in it" + >URL and title</a + ></p + ><p + ><a href="/url/" title="title with single quotes" + >URL and title</a + ></p + ><p + ><a href="/url/with_underscore" + >with_underscore</a + ></p + ><p + ><script type="text/javascript" + > <!-- h='nowhere.net';a='@';n='nobody';e=n+a+h; document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>'); // --> -</script><noscript>Email link (nobody at nowhere dot net)</noscript> -</p> -<p> - <a href="">Empty</a>. -</p> -<h2>Reference</h2> -<p> - Foo <a href="/url/">bar</a>. -</p> -<p> - Foo <a href="/url/">bar</a>. -</p> -<p> - Foo <a href="/url/">bar</a>. -</p> -<p> - With <a href="/url/">embedded [brackets]</a>. -</p> -<p> - <a href="/url/">b</a> by itself should be a link. -</p> -<p> - Indented <a href="/url">once</a>. -</p> -<p> - Indented <a href="/url">twice</a>. -</p> -<p> - Indented <a href="/url">thrice</a>. -</p> -<p> - This should [not][] be a link. -</p> -<pre><code>[not]: /url -</code></pre> -<p> - Foo - <a href="/url/" title="Title with "quotes" inside">bar</a>. -</p> -<p> - Foo - <a href="/url/" title="Title with "quote" inside">biz</a>. -</p> -<h2>With ampersands</h2> -<p> - Here’s a - <a href="http://example.com/?foo=1&bar=2">link with an ampersand in the URL</a>. -</p> -<p> - Here’s a link with an amersand in the link text: - <a href="http://att.com/" title="AT&T">AT&T</a>. -</p> -<p> - Here’s an <a href="/script?foo=1&bar=2">inline link</a>. -</p> -<p> - Here’s an - <a href="/script?foo=1&bar=2">inline link in pointy braces</a>. -</p> -<h2>Autolinks</h2> -<p> - With an ampersand: - <a href="http://example.com/?foo=1&bar=2">http://example.com/?foo=1&bar=2</a> -</p> -<ul> - <li>In a list?</li> - <li><a href="http://example.com/">http://example.com/</a></li> - <li>It should.</li> -</ul> -<p> - An e-mail address: - <script type="text/javascript"> +</script + ><noscript + >&#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 + ></p + ><p + ><a href="" + >Empty</a + >.</p + ><h2 + >Reference</h2 + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >With <a href="/url/" + >embedded [brackets]</a + >.</p + ><p + ><a href="/url/" + >b</a + > by itself should be a link.</p + ><p + >Indented <a href="/url" + >once</a + >.</p + ><p + >Indented <a href="/url" + >twice</a + >.</p + ><p + >Indented <a href="/url" + >thrice</a + >.</p + ><p + >This should [not][] be a link.</p + ><pre + ><code + >[not]: /url +</code + ></pre + ><p + >Foo <a href="/url/" title="Title with "quotes" inside" + >bar</a + >.</p + ><p + >Foo <a href="/url/" title="Title with "quote" inside" + >biz</a + >.</p + ><h2 + >With ampersands</h2 + ><p + >Here’s a <a href="http://example.com/?foo=1&bar=2" + >link with an ampersand in the URL</a + >.</p + ><p + >Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&T" + >AT&T</a + >.</p + ><p + >Here’s an <a href="/script?foo=1&bar=2" + >inline link</a + >.</p + ><p + >Here’s an <a href="/script?foo=1&bar=2" + >inline link in pointy braces</a + >.</p + ><h2 + >Autolinks</h2 + ><p + >With an ampersand: <a href="http://example.com/?foo=1&bar=2" + >http://example.com/?foo=1&bar=2</a + ></p + ><ul + ><li + >In a list?</li + ><li + ><a href="http://example.com/" + >http://example.com/</a + ></li + ><li + >It should.</li + ></ul + ><p + >An e-mail address: <script type="text/javascript" + > <!-- h='nowhere.net';a='@';n='nobody';e=n+a+h; document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>'); // --> -</script><noscript>nobody at nowhere dot net</noscript> -</p> -<blockquote> - <p> - Blockquoted: <a href="http://example.com/">http://example.com/</a> - </p> -</blockquote> -<p> - Auto-links should not occur here: - <code><http://example.com/></code> -</p> -<pre><code>or here: <http://example.com/> -</code></pre> -<hr /> -<h1>Images</h1> -<p> - From “Voyage dans la Lune” by Georges Melies (1902): -</p> -<p> - <img src="lalune.jpg" alt="lalune" title="Voyage dans la Lune" /> -</p> -<p> - Here is a movie <img src="movie.jpg" alt="movie" title="" /> icon. -</p> -<hr /> -<h1>Footnotes</h1> -<p> - Here is a footnote - reference,<sup class="footnoteRef" id="fnref1"><a href="#fn1">1</a></sup> - and - another.<sup class="footnoteRef" id="fnref2"><a href="#fn2">2</a></sup> - This should <em>not</em> be a footnote reference, because it - contains a space.[^my note] Here is an inline - note.<sup class="footnoteRef" id="fnref3"><a href="#fn3">3</a></sup> -</p> -<blockquote> - <p> - Notes can go in - quotes.<sup class="footnoteRef" id="fnref4"><a href="#fn4">4</a></sup> - </p> -</blockquote> -<ol> - <li>And in list - items.<sup class="footnoteRef" id="fnref5"><a href="#fn5">5</a></sup></li> -</ol> -<p> - This paragraph should not be part of the note, as it is not - indented. -</p> -<div class="footnotes"> - <hr /> - <ol> - <li id="fn1"> - <p> - Here is the footnote. It can go anywhere after the footnote - reference. It need not be placed at the end of the document. - </p><a href="#fnref1" class="footnoteBacklink" title="Jump back to footnote 1">↩</a> - </li> - <li id="fn2"> - <p> - Here’s the long note. This one contains multiple blocks. - </p> - <p> - Subsequent blocks are indented to show that they belong to the - footnote (as with list items). - </p> - <pre><code> { <code> } -</code></pre> - <p> - If you want, you can indent every line, but you can also be lazy - and just indent the first line of each block. - </p><a href="#fnref2" class="footnoteBacklink" title="Jump back to footnote 2">↩</a> - </li> - <li id="fn3"> - <p> - This is <em>easier</em> to type. Inline notes may contain - <a href="http://google.com">links</a> and <code>]</code> verbatim - characters. - </p><a href="#fnref3" class="footnoteBacklink" title="Jump back to footnote 3">↩</a> - </li> - <li id="fn4"> - <p> - In quote. - </p><a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4">↩</a> - </li> - <li id="fn5"> - <p> - In list. - </p><a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5">↩</a> - </li> - </ol> -</div> -</body> -</html> +</script + ><noscript + >&#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 + ></p + ><blockquote + ><p + >Blockquoted: <a href="http://example.com/" + >http://example.com/</a + ></p + ></blockquote + ><p + >Auto-links should not occur here: <code + ><http://example.com/></code + ></p + ><pre + ><code + >or here: <http://example.com/> +</code + ></pre + ><hr + /><h1 + >Images</h1 + ><p + >From “Voyage dans la Lune” by Georges Melies (1902):</p + ><p + ><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" + /></p + ><p + >Here is a movie <img src="movie.jpg" title="" alt="movie" + /> icon.</p + ><hr + /><h1 + >Footnotes</h1 + ><p + >Here is a footnote reference,<a href="#fn1" class="footnoteRef" id="fnref1" + ><sup + >1</sup + ></a + > and another.<a href="#fn2" class="footnoteRef" id="fnref2" + ><sup + >2</sup + ></a + > This should <em + >not</em + > be a footnote reference, because it contains a space.[^my note] Here is an inline note.<a href="#fn3" class="footnoteRef" id="fnref3" + ><sup + >3</sup + ></a + ></p + ><blockquote + ><p + >Notes can go in quotes.<a href="#fn4" class="footnoteRef" id="fnref4" + ><sup + >4</sup + ></a + ></p + ></blockquote + ><ol + ><li + >And in list items.<a href="#fn5" class="footnoteRef" id="fnref5" + ><sup + >5</sup + ></a + ></li + ></ol + ><p + >This paragraph should not be part of the note, as it is not indented.</p + ><div class="footnotes" + ><hr + /><ol + ><li id="fn1" + ><p + >Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document.</p + ><a href="#fnref1" class="footnoteBacklink" title="Jump back to footnote 1" + >↩</a + ></li + ><li id="fn2" + ><p + >Here’s the long note. This one contains multiple blocks.</p + ><p + >Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p + ><pre + ><code + > { <code> } +</code + ></pre + ><p + >If you want, you can indent every line, but you can also be lazy and just indent the first line of each block.</p + ><a href="#fnref2" class="footnoteBacklink" title="Jump back to footnote 2" + >↩</a + ></li + ><li id="fn3" + ><p + >This is <em + >easier</em + > to type. Inline notes may contain <a href="http://google.com" + >links</a + > and <code + >]</code + > verbatim characters.</p + ><a href="#fnref3" class="footnoteBacklink" title="Jump back to footnote 3" + >↩</a + ></li + ><li id="fn4" + ><p + >In quote.</p + ><a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4" + >↩</a + ></li + ><li id="fn5" + ><p + >In list.</p + ><a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5" + >↩</a + ></li + ></ol + ></div + ></body + ></html +> |