<!DOCTYPE html>
-<html>
-<head>
+<meta charset="UTF-8">
+<style type="text/css">
+h1 { font-size: 2em; }
+h2 { font-size: 1.5em; }
+h3 { font-size: 1.17em; }
+h4 { font-size: 1.12em; }
+h5 { font-size: .83em; }
+h6 { font-size: .75em; }
+header h1 { margin-bottom: 0.1em; }
+header p { margin: 0; }
+</style>
<title>Yet another blog – a title with some nasty characters: &<>"' %BODY%</title>
-</head>
-<body>
<a href="index.html">Yet another blog</a>
<article>
<header>
<h1>a title with some nasty characters: &<>"' %BODY%</h1>
-<p><time datetime="IGNORE">IGNORE</time></p>
+<p>created: <time>IGNORE</time> / last update: <time>IGNORE</time></p>
</header>
<p>this text contains some special characters: /;%'"><&äöüß</p>
<h2 id="some-sub-heading">some sub-heading</h2>
<p>and more than one paragraph</p>
<h2 id="another-sub-heading">another sub-heading</h2>
<p>note that should be ignored but \ should give a backlash</p>
-</article>
-</body>
-</html>
\ No newline at end of file
+<footer>
+Links back:
+<ul>
+<li><a href="http://example.org/">http://example.org/</a></li>
+<li><a href="http://example.com/some$()wh%20at'da&quot;ngerusURL">http://example.com/some$()wh%20at'da&quot;ngerusURL</a></li>
+</ul>
+</footer>
+</article>
\ No newline at end of file