From 463a0e5c3e97d389f150f9646d6a0147ea0cf570 Mon Sep 17 00:00:00 2001
From: fiddlosopher <fiddlosopher@788f1e2b-df1e-0410-8736-df70ead52e1b>
Date: Tue, 27 Feb 2007 07:05:11 +0000
Subject: [PATCH] Changes to test suite for new XHTML output.

git-svn-id: https://pandoc.googlecode.com/svn/trunk@550 788f1e2b-df1e-0410-8736-df70ead52e1b
---
 src/Text/Pandoc/Writers/HTML.hs |   15 +-
 tests/s5.basic.html             |   86 +-
 tests/s5.fancy.html             |   86 +-
 tests/s5.fragment.html          |   24 +-
 tests/s5.inserts.html           |   65 +-
 tests/tables.html               |  345 ++++---
 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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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 &quot;working&quot;;
 }
-</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 &gt; 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 &gt; 1.</p
+    ><p
+    >Box-style:</p
+    ><blockquote
+    ><p
+      >Example:</p
+      ><pre
+      ><code
+	>sub status {
     print &quot;working&quot;;
 }
-</code></pre>
-</blockquote>
-<blockquote>
-  <ol>
-    <li>do laundry</li>
-    <li>take out the trash</li>
-  </ol>
-</blockquote>
-<p>
-  Here&rsquo;s a nested one:
-</p>
-<blockquote>
-  <p>
-    Joe said:
-  </p>
-  <blockquote>
-    <p>
-      Don&rsquo;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&rsquo;s a nested one:</p
+    ><blockquote
+    ><p
+      >Joe said:</p
+      ><blockquote
+      ><p
+	>Don&rsquo;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 &quot;working&quot;;
 }
 
 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:  \$ \\ \&gt; \[ \{
-</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&rsquo;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&rsquo;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>
+</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&rsquo;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&rsquo;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>
-
-<p>
-  And nested without indentation:
-</p>
-<div>
-<div>
-<div>
-foo
+<div>bar</div>
 </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&rsquo;s a simple block:
-</p>
-<div>
-    
-foo
-</div>
-
-<p>
-  This should be a code block, though:
-</p>
-<pre><code>&lt;div&gt;
+<p
+    >Here&rsquo;s a simple block:</p
+    ><div>
+    foo</div>
+<p
+    >This should be a code block, though:</p
+    ><pre
+    ><code
+      >&lt;div&gt;
     foo
 &lt;/div&gt;
-</code></pre>
-<p>
-  As should this:
-</p>
-<pre><code>&lt;div&gt;foo&lt;/div&gt;
-</code></pre>
-<p>
-  Now, nested:
-</p>
-<div>
+</code
+      ></pre
+    ><p
+    >As should this:</p
+    ><pre
+    ><code
+      >&lt;div&gt;foo&lt;/div&gt;
+</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>&lt;!-- Comment --&gt;
-</code></pre>
-<p>
-  Just plain comment, with trailing spaces on the line:
-</p>
-<!-- foo -->   
-
-<p>
-  Code:
-</p>
-<pre><code>&lt;hr /&gt;
-</code></pre>
-<p>
-  Hr&rsquo;s:
-</p>
-<hr>
+<p
+    >Code block:</p
+    ><pre
+    ><code
+      >&lt;!-- Comment --&gt;
+</code
+      ></pre
+    ><p
+    >Just plain comment, with trailing spaces on the line:</p
+    ><!-- foo -->   
+<p
+    >Code:</p
+    ><pre
+    ><code
+      >&lt;hr /&gt;
+</code
+      ></pre
+    ><p
+    >Hr&rsquo;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>&gt;</code>, <code>$</code>, <code>\</code>,
-  <code>\$</code>, <code>&lt;html&gt;</code>.
-</p>
-<hr />
-<h1>Smart quotes, ellipses, dashes</h1>
-<p>
-  &ldquo;Hello,&rdquo; said the spider.
-  &ldquo;&lsquo;Shelob&rsquo; is my name.&rdquo;
-</p>
-<p>
-  &lsquo;A&rsquo;, &lsquo;B&rsquo;, and &lsquo;C&rsquo; are letters.
-</p>
-<p>
-  &lsquo;Oak,&rsquo; &lsquo;elm,&rsquo; and &lsquo;beech&rsquo; are
-  names of trees. So is &lsquo;pine.&rsquo;
-</p>
-<p>
-  &lsquo;He said, &ldquo;I want to go.&rdquo;&rsquo; Were you alive
-  in the 70&rsquo;s?
-</p>
-<p>
-  Here is some quoted &lsquo;<code>code</code>&rsquo; and a
-  &ldquo;<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>&rdquo;.
-</p>
-<p>
-  Some dashes: one&mdash;two&mdash;three&mdash;four&mdash;five.
-</p>
-<p>
-  Dashes between numbers: 5&ndash;7, 255&ndash;66, 1987&ndash;1999.
-</p>
-<p>
-  Ellipses&hellip;and&hellip;and&hellip;.
-</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&rsquo;s one that has a line break in it:
-      $\alpha + \omega \times x^2$.</li>
-</ul>
-<p>
-  These shouldn&rsquo;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 &ldquo;lot&rdquo; is emphasized.)</li>
-  <li>Escaped <code>$</code>: $73 <em>this should be emphasized</em>
-      23$.</li>
-</ul>
-<p>
-  Here&rsquo;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
+      >&gt;</code
+      >, <code
+      >$</code
+      >, <code
+      >\</code
+      >, <code
+      >\$</code
+      >, <code
+      >&lt;html&gt;</code
+      >.</p
+    ><hr
+     /><h1
+    >Smart quotes, ellipses, dashes</h1
+    ><p
+    >&ldquo;Hello,&rdquo; said the spider. &ldquo;&lsquo;Shelob&rsquo; is my name.&rdquo;</p
+    ><p
+    >&lsquo;A&rsquo;, &lsquo;B&rsquo;, and &lsquo;C&rsquo; are letters.</p
+    ><p
+    >&lsquo;Oak,&rsquo; &lsquo;elm,&rsquo; and &lsquo;beech&rsquo; are names of trees. So is &lsquo;pine.&rsquo;</p
+    ><p
+    >&lsquo;He said, &ldquo;I want to go.&rdquo;&rsquo; Were you alive in the 70&rsquo;s?</p
+    ><p
+    >Here is some quoted &lsquo;<code
+      >code</code
+      >&rsquo; and a &ldquo;<a href="http://example.com/?foo=1&amp;bar=2"
+      >quoted link</a
+      >&rdquo;.</p
+    ><p
+    >Some dashes: one&mdash;two&mdash;three&mdash;four&mdash;five.</p
+    ><p
+    >Dashes between numbers: 5&ndash;7, 255&ndash;66, 1987&ndash;1999.</p
+    ><p
+    >Ellipses&hellip;and&hellip;and&hellip;.</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&rsquo;s one that has a line break in it: $\alpha + \omega \times x^2$.</li
+      ></ul
+    ><p
+    >These shouldn&rsquo;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 &ldquo;lot&rdquo; is emphasized.)</li
+      ><li
+      >Escaped <code
+	>$</code
+	>: $73 <em
+	>this should be emphasized</em
+	> 23$.</li
+      ></ul
+    ><p
+    >Here&rsquo;s a LaTeX table:</p
+    ><p
+    >\begin{tabular}{|l|l|}\hline
 Animal &amp; Number \\ \hline
 Dog    &amp; 2      \\
 Cat    &amp; 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&amp;T has an ampersand in their name.
-</p>
-<p>
-  AT&amp;T is another way to write it.
-</p>
-<p>
-  This &amp; that.
-</p>
-<p>
-  4 &lt; 5.
-</p>
-<p>
-  6 &gt; 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: &gt;
-</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 &quot;quotes&quot; 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: &#8712;</li
+      ><li
+      >copyright: ©</li
+      ></ul
+    ><p
+    >AT&amp;T has an ampersand in their name.</p
+    ><p
+    >AT&amp;T is another way to write it.</p
+    ><p
+    >This &amp; that.</p
+    ><p
+    >4 &lt; 5.</p
+    ><p
+    >6 &gt; 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: &gt;</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 &quot;quotes&quot; 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='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
 document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>');
 // -->
-</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 &quot;quotes&quot; inside">bar</a>.
-</p>
-<p>
-  Foo
-  <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.
-</p>
-<h2>With ampersands</h2>
-<p>
-  Here&rsquo;s a
-  <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.
-</p>
-<p>
-  Here&rsquo;s a link with an amersand in the link text:
-  <a href="http://att.com/" title="AT&amp;T">AT&amp;T</a>.
-</p>
-<p>
-  Here&rsquo;s an <a href="/script?foo=1&amp;bar=2">inline link</a>.
-</p>
-<p>
-  Here&rsquo;s an
-  <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.
-</p>
-<h2>Autolinks</h2>
-<p>
-  With an ampersand:
-  <a href="http://example.com/?foo=1&amp;bar=2">http://example.com/?foo=1&amp;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
+      >&amp;#x45;&amp;#x6d;&amp;#x61;&amp;#x69;&amp;#108;&amp;#32;&amp;#108;&amp;#x69;&amp;#110;&amp;#x6b;&amp;#32;&amp;#40;&amp;#110;&amp;#x6f;&amp;#98;&amp;#x6f;&amp;#100;&amp;#x79;&amp;#32;&amp;#x61;&amp;#116;&amp;#32;&amp;#110;&amp;#x6f;&amp;#x77;&amp;#104;&amp;#x65;&amp;#114;&amp;#x65;&amp;#32;&amp;#100;&amp;#x6f;&amp;#116;&amp;#32;&amp;#110;&amp;#x65;&amp;#116;&amp;#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 &quot;quotes&quot; inside"
+      >bar</a
+      >.</p
+    ><p
+    >Foo <a href="/url/" title="Title with &quot;quote&quot; inside"
+      >biz</a
+      >.</p
+    ><h2
+    >With ampersands</h2
+    ><p
+    >Here&rsquo;s a <a href="http://example.com/?foo=1&amp;bar=2"
+      >link with an ampersand in the URL</a
+      >.</p
+    ><p
+    >Here&rsquo;s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T"
+      >AT&amp;T</a
+      >.</p
+    ><p
+    >Here&rsquo;s an <a href="/script?foo=1&amp;bar=2"
+      >inline link</a
+      >.</p
+    ><p
+    >Here&rsquo;s an <a href="/script?foo=1&amp;bar=2"
+      >inline link in pointy braces</a
+      >.</p
+    ><h2
+    >Autolinks</h2
+    ><p
+    >With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2"
+      >http://example.com/?foo=1&amp;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='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
 document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>');
 // -->
-</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>&lt;http://example.com/&gt;</code>
-</p>
-<pre><code>or here: &lt;http://example.com/&gt;
-</code></pre>
-<hr />
-<h1>Images</h1>
-<p>
-  From &ldquo;Voyage dans la Lune&rdquo; 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">&#8617;</a>
-    </li>
-    <li id="fn2">
-      <p>
-        Here&rsquo;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>  { &lt;code&gt; }
-</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">&#8617;</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">&#8617;</a>
-    </li>
-    <li id="fn4">
-      <p>
-        In quote.
-      </p><a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4">&#8617;</a>
-    </li>
-    <li id="fn5">
-      <p>
-        In list.
-      </p><a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5">&#8617;</a>
-    </li>
-  </ol>
-</div>
-</body>
-</html>
+</script
+      ><noscript
+      >&amp;#110;&amp;#x6f;&amp;#98;&amp;#x6f;&amp;#100;&amp;#x79;&amp;#32;&amp;#x61;&amp;#116;&amp;#32;&amp;#110;&amp;#x6f;&amp;#x77;&amp;#104;&amp;#x65;&amp;#114;&amp;#x65;&amp;#32;&amp;#100;&amp;#x6f;&amp;#116;&amp;#32;&amp;#110;&amp;#x65;&amp;#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
+      >&lt;http://example.com/&gt;</code
+      ></p
+    ><pre
+    ><code
+      >or here: &lt;http://example.com/&gt;
+</code
+      ></pre
+    ><hr
+     /><h1
+    >Images</h1
+    ><p
+    >From &ldquo;Voyage dans la Lune&rdquo; 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"
+	  >&#8617;</a
+	  ></li
+	><li id="fn2"
+	><p
+	  >Here&rsquo;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
+	    >  { &lt;code&gt; }
+</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"
+	  >&#8617;</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"
+	  >&#8617;</a
+	  ></li
+	><li id="fn4"
+	><p
+	  >In quote.</p
+	  ><a href="#fnref4" class="footnoteBacklink" title="Jump back to footnote 4"
+	  >&#8617;</a
+	  ></li
+	><li id="fn5"
+	><p
+	  >In list.</p
+	  ><a href="#fnref5" class="footnoteBacklink" title="Jump back to footnote 5"
+	  >&#8617;</a
+	  ></li
+	></ol
+      ></div
+    ></body
+  ></html
+>