Empty tag
<p></p>
Tag that spans multiple lines
<p
>hello!
</p>
Name-attribute pair
<p></p>
Name-attribute pair without quotes
<p class=prism></p>
Attribute without value
<p data-foo></p>
<p data-foo ></p>
Namespaces
<html:p foo:bar="baz" foo:weee></html:p>
XML prolog
<?xml version="1.0" encoding="utf-8"?>
<svg></svg>
DOCTYPE
<!DOCTYPE html>
<html></html>
CDATA section
<ns1:description><![CDATA[
CDATA is <not> magical.
]]></ns1:description>
Comment
<!-- I'm a comment -->
And i'm not
Entities
& ♥   Œ
Embedded JS and CSS
<!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>
Invalid HTML
<l </ul>
Multi-line attribute values
<p title="foo
bar
baz">
XML tags with non-ASCII characters
<Läufer>foo</Läufer>
<tag läufer="läufer">bar</tag>
<läufer:tag>baz</läufer:tag>