<h2>Empty tag</h2> <pre><code><p></p></code></pre> <h2>Tag that spans multiple lines</h2> <pre><code><p >hello! </p></code></pre> <h2>Name-attribute pair</h2> <pre><code><p></p></code></pre> <h2>Name-attribute pair without quotes</h2> <pre><code><p class=prism></p></code></pre> <h2>Attribute without value</h2> <pre><code><p data-foo></p> <p data-foo ></p> </code></pre> <h2>Namespaces</h2> <pre><code><html:p foo:bar="baz" foo:weee></html:p></code></pre> <h2>XML prolog</h2> <pre><code><?xml version="1.0" encoding="utf-8"?> <svg></svg></code></pre> <h2>DOCTYPE</h2> <pre><code><!DOCTYPE html> <html></html></code></pre> <h2>CDATA section</h2> <pre><code><ns1:description><![CDATA[ CDATA is <not> magical. ]]></ns1:description></code></pre> <h2>Comment</h2> <pre><code><!-- I'm a comment --> And i'm not</code></pre> <h2>Entities</h2> <pre><code>&amp; &#x2665; &#160; &#x152;</code></pre> <h2>Embedded JS and CSS</h2> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>I can haz embedded CSS and JS</title> <style> @media print { p { color: red !important; } } </style> </head> <body> <h1>I can haz embedded CSS and JS</h1> <script> if (true) { console.log('foo'); } </script> </body> </html></code></pre> <h2>Invalid HTML</h2> <pre><code><l </ul></code></pre> <h2>Multi-line attribute values</h2> <pre><code><p title="foo bar baz"></code></pre> <h2>XML tags with non-ASCII characters</h2> <pre><code><Läufer>foo</Läufer> <tag läufer="läufer">bar</tag> <läufer:tag>baz</läufer:tag></code></pre>