From fc87a0b02450e3ffba4ccad18e442abcafc55850 Mon Sep 17 00:00:00 2001
From: Stephen Celis <stephen.celis@gmail.com>
Date: Sat, 13 Oct 2018 19:23:36 -0400
Subject: [PATCH] Don't render self-closing tags (#9)

---
 Sources/Html/Elements.swift           |   2 +-
 Sources/Html/Render.swift             |   8 +-
 Tests/HtmlTests/AriaTests.swift       | 426 +++++++++++++-------------
 Tests/HtmlTests/AttributesTests.swift | 138 ++++-----
 Tests/HtmlTests/ElementsTests.swift   |   2 +-
 Tests/HtmlTests/EventsTests.swift     |   2 +-
 6 files changed, 289 insertions(+), 289 deletions(-)

diff --git a/Sources/Html/Elements.swift b/Sources/Html/Elements.swift
index 5e83036..732f850 100644
--- a/Sources/Html/Elements.swift
+++ b/Sources/Html/Elements.swift
@@ -1390,7 +1390,7 @@ public func script(_ attribs: [Attribute<Tag.Script>], _ content: StaticString)
 ///
 /// - Parameter attribs: Attributes.
 public func script(_ attribs: [Attribute<Tag.Script>]) -> Node {
-  return element("script", attribs, [""])
+  return element("script", attribs, [])
 }
 
 /// The `<script>` element allows authors to include dynamic script and data blocks in their documents. The element does not represent content for the user.
diff --git a/Sources/Html/Render.swift b/Sources/Html/Render.swift
index fcae634..400d535 100644
--- a/Sources/Html/Render.swift
+++ b/Sources/Html/Render.swift
@@ -16,10 +16,10 @@ public func render(_ node: Node) -> String {
     return "<!DOCTYPE \(escapeDoctype(string))>"
   case let .element(tag, attribs, children):
     let renderedAttribs = render(attribs)
-    guard !children.isEmpty else {
-      return "<" + tag + renderedAttribs + (voidElements.contains(tag) ? ">" : "/>")
-    }
-    return "<" + tag + renderedAttribs + ">" + render(children) + "</" + tag + ">"
+    let openTag = "<" + tag + renderedAttribs + ">"
+    return children.isEmpty && voidElements.contains(tag)
+      ? openTag
+      : openTag + render(children) + "</" + tag + ">"
   case let .text(string):
     return escapeTextNode(text: string)
   case let .raw(string):
diff --git a/Tests/HtmlTests/AriaTests.swift b/Tests/HtmlTests/AriaTests.swift
index 53cda8b..6aa2af7 100644
--- a/Tests/HtmlTests/AriaTests.swift
+++ b/Tests/HtmlTests/AriaTests.swift
@@ -3,244 +3,244 @@ import XCTest
 
 final class AriaTests: XCTestCase {
   func testAriaAttributes() {
-    XCTAssertEqual("<div aria-activedescendant=\"id\"/>", render(div([ariaActivedescendant("id")], [])))
+    XCTAssertEqual("<div aria-activedescendant=\"id\"></div>", render(div([ariaActivedescendant("id")], [])))
 
-    XCTAssertEqual("<div aria-atomic=\"true\"/>", render(div([ariaAtomic(true)], [])))
-    XCTAssertEqual("<div aria-atomic=\"false\"/>", render(div([ariaAtomic(false)], [])))
+    XCTAssertEqual("<div aria-atomic=\"true\"></div>", render(div([ariaAtomic(true)], [])))
+    XCTAssertEqual("<div aria-atomic=\"false\"></div>", render(div([ariaAtomic(false)], [])))
 
-    XCTAssertEqual("<div aria-autocomplete=\"both\"/>", render(div([ariaAutocomplete(.both)], [])))
-    XCTAssertEqual("<div aria-autocomplete=\"inline\"/>", render(div([ariaAutocomplete(.inline)], [])))
-    XCTAssertEqual("<div aria-autocomplete=\"list\"/>", render(div([ariaAutocomplete(.list)], [])))
-    XCTAssertEqual("<div aria-autocomplete=\"none\"/>", render(div([ariaAutocomplete(.none)], [])))
+    XCTAssertEqual("<div aria-autocomplete=\"both\"></div>", render(div([ariaAutocomplete(.both)], [])))
+    XCTAssertEqual("<div aria-autocomplete=\"inline\"></div>", render(div([ariaAutocomplete(.inline)], [])))
+    XCTAssertEqual("<div aria-autocomplete=\"list\"></div>", render(div([ariaAutocomplete(.list)], [])))
+    XCTAssertEqual("<div aria-autocomplete=\"none\"></div>", render(div([ariaAutocomplete(.none)], [])))
 
-    XCTAssertEqual("<div aria-busy=\"true\"/>", render(div([ariaBusy(true)], [])))
-    XCTAssertEqual("<div aria-busy=\"false\"/>", render(div([ariaBusy(false)], [])))
+    XCTAssertEqual("<div aria-busy=\"true\"></div>", render(div([ariaBusy(true)], [])))
+    XCTAssertEqual("<div aria-busy=\"false\"></div>", render(div([ariaBusy(false)], [])))
 
-    XCTAssertEqual("<div aria-checked=\"false\"/>", render(div([ariaChecked(.false)], [])))
-    XCTAssertEqual("<div aria-checked=\"mixed\"/>", render(div([ariaChecked(.mixed)], [])))
-    XCTAssertEqual("<div aria-checked=\"true\"/>", render(div([ariaChecked(.true)], [])))
-    XCTAssertEqual("<div aria-checked=\"undefined\"/>", render(div([ariaChecked(.undefined)], [])))
-    XCTAssertEqual("<div aria-checked=\"false\"/>", render(div([ariaChecked(false)], [])))
-    XCTAssertEqual("<div aria-checked=\"true\"/>", render(div([ariaChecked(true)], [])))
+    XCTAssertEqual("<div aria-checked=\"false\"></div>", render(div([ariaChecked(.false)], [])))
+    XCTAssertEqual("<div aria-checked=\"mixed\"></div>", render(div([ariaChecked(.mixed)], [])))
+    XCTAssertEqual("<div aria-checked=\"true\"></div>", render(div([ariaChecked(.true)], [])))
+    XCTAssertEqual("<div aria-checked=\"undefined\"></div>", render(div([ariaChecked(.undefined)], [])))
+    XCTAssertEqual("<div aria-checked=\"false\"></div>", render(div([ariaChecked(false)], [])))
+    XCTAssertEqual("<div aria-checked=\"true\"></div>", render(div([ariaChecked(true)], [])))
 
-    XCTAssertEqual("<div aria-colcount=\"2\"/>", render(div([ariaColcount(2)], [])))
+    XCTAssertEqual("<div aria-colcount=\"2\"></div>", render(div([ariaColcount(2)], [])))
 
-    XCTAssertEqual("<div aria-colindex=\"2\"/>", render(div([ariaColindex(2)], [])))
+    XCTAssertEqual("<div aria-colindex=\"2\"></div>", render(div([ariaColindex(2)], [])))
 
-    XCTAssertEqual("<div aria-colspan=\"2\"/>", render(div([ariaColspan(2)], [])))
+    XCTAssertEqual("<div aria-colspan=\"2\"></div>", render(div([ariaColspan(2)], [])))
 
-    XCTAssertEqual("<div aria-controls=\"id\"/>", render(div([ariaControls("id")], [])))
+    XCTAssertEqual("<div aria-controls=\"id\"></div>", render(div([ariaControls("id")], [])))
 
-    XCTAssertEqual("<div aria-current=\"date\"/>", render(div([ariaCurrent(.date)], [])))
-    XCTAssertEqual("<div aria-current=\"false\"/>", render(div([ariaCurrent(.false)], [])))
-    XCTAssertEqual("<div aria-current=\"location\"/>", render(div([ariaCurrent(.location)], [])))
-    XCTAssertEqual("<div aria-current=\"page\"/>", render(div([ariaCurrent(.page)], [])))
-    XCTAssertEqual("<div aria-current=\"step\"/>", render(div([ariaCurrent(.step)], [])))
-    XCTAssertEqual("<div aria-current=\"time\"/>", render(div([ariaCurrent(.time)], [])))
-    XCTAssertEqual("<div aria-current=\"true\"/>", render(div([ariaCurrent(.true)], [])))
-    XCTAssertEqual("<div aria-current=\"false\"/>", render(div([ariaCurrent(false)], [])))
-    XCTAssertEqual("<div aria-current=\"true\"/>", render(div([ariaCurrent(true)], [])))
+    XCTAssertEqual("<div aria-current=\"date\"></div>", render(div([ariaCurrent(.date)], [])))
+    XCTAssertEqual("<div aria-current=\"false\"></div>", render(div([ariaCurrent(.false)], [])))
+    XCTAssertEqual("<div aria-current=\"location\"></div>", render(div([ariaCurrent(.location)], [])))
+    XCTAssertEqual("<div aria-current=\"page\"></div>", render(div([ariaCurrent(.page)], [])))
+    XCTAssertEqual("<div aria-current=\"step\"></div>", render(div([ariaCurrent(.step)], [])))
+    XCTAssertEqual("<div aria-current=\"time\"></div>", render(div([ariaCurrent(.time)], [])))
+    XCTAssertEqual("<div aria-current=\"true\"></div>", render(div([ariaCurrent(.true)], [])))
+    XCTAssertEqual("<div aria-current=\"false\"></div>", render(div([ariaCurrent(false)], [])))
+    XCTAssertEqual("<div aria-current=\"true\"></div>", render(div([ariaCurrent(true)], [])))
 
-    XCTAssertEqual("<div aria-describedby=\"id\"/>", render(div([ariaDescribedby("id")], [])))
+    XCTAssertEqual("<div aria-describedby=\"id\"></div>", render(div([ariaDescribedby("id")], [])))
 
-    XCTAssertEqual("<div aria-details=\"id\"/>", render(div([ariaDetails("id")], [])))
+    XCTAssertEqual("<div aria-details=\"id\"></div>", render(div([ariaDetails("id")], [])))
 
-    XCTAssertEqual("<div aria-disabled=\"false\"/>", render(div([ariaDisabled(false)], [])))
-    XCTAssertEqual("<div aria-disabled=\"true\"/>", render(div([ariaDisabled(true)], [])))
+    XCTAssertEqual("<div aria-disabled=\"false\"></div>", render(div([ariaDisabled(false)], [])))
+    XCTAssertEqual("<div aria-disabled=\"true\"></div>", render(div([ariaDisabled(true)], [])))
 
-    XCTAssertEqual("<div aria-dropeffect=\"copy\"/>", render(div([ariaDropeffect(.copy)], [])))
-    XCTAssertEqual("<div aria-dropeffect=\"execute\"/>", render(div([ariaDropeffect(.execute)], [])))
-    XCTAssertEqual("<div aria-dropeffect=\"link\"/>", render(div([ariaDropeffect(.link)], [])))
-    XCTAssertEqual("<div aria-dropeffect=\"move\"/>", render(div([ariaDropeffect(.move)], [])))
-    XCTAssertEqual("<div aria-dropeffect=\"none\"/>", render(div([ariaDropeffect(.none)], [])))
-    XCTAssertEqual("<div aria-dropeffect=\"popup\"/>", render(div([ariaDropeffect(.popup)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"copy\"></div>", render(div([ariaDropeffect(.copy)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"execute\"></div>", render(div([ariaDropeffect(.execute)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"link\"></div>", render(div([ariaDropeffect(.link)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"move\"></div>", render(div([ariaDropeffect(.move)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"none\"></div>", render(div([ariaDropeffect(.none)], [])))
+    XCTAssertEqual("<div aria-dropeffect=\"popup\"></div>", render(div([ariaDropeffect(.popup)], [])))
 
-    XCTAssertEqual("<div aria-errormessage=\"error!\"/>", render(div([ariaErrormessage("error!")], [])))
+    XCTAssertEqual("<div aria-errormessage=\"error!\"></div>", render(div([ariaErrormessage("error!")], [])))
 
-    XCTAssertEqual("<div aria-expanded=\"false\"/>", render(div([ariaExpanded(.false)], [])))
-    XCTAssertEqual("<div aria-expanded=\"true\"/>", render(div([ariaExpanded(.true)], [])))
-    XCTAssertEqual("<div aria-expanded=\"undefined\"/>", render(div([ariaExpanded(.undefined)], [])))
-    XCTAssertEqual("<div aria-expanded=\"false\"/>", render(div([ariaExpanded(false)], [])))
-    XCTAssertEqual("<div aria-expanded=\"true\"/>", render(div([ariaExpanded(true)], [])))
+    XCTAssertEqual("<div aria-expanded=\"false\"></div>", render(div([ariaExpanded(.false)], [])))
+    XCTAssertEqual("<div aria-expanded=\"true\"></div>", render(div([ariaExpanded(.true)], [])))
+    XCTAssertEqual("<div aria-expanded=\"undefined\"></div>", render(div([ariaExpanded(.undefined)], [])))
+    XCTAssertEqual("<div aria-expanded=\"false\"></div>", render(div([ariaExpanded(false)], [])))
+    XCTAssertEqual("<div aria-expanded=\"true\"></div>", render(div([ariaExpanded(true)], [])))
 
-    XCTAssertEqual("<div aria-flowto=\"id\"/>", render(div([ariaFlowto("id")], [])))
+    XCTAssertEqual("<div aria-flowto=\"id\"></div>", render(div([ariaFlowto("id")], [])))
 
-    XCTAssertEqual("<div aria-grabbed=\"false\"/>", render(div([ariaGrabbed(.false)], [])))
-    XCTAssertEqual("<div aria-grabbed=\"true\"/>", render(div([ariaGrabbed(.true)], [])))
-    XCTAssertEqual("<div aria-grabbed=\"undefined\"/>", render(div([ariaGrabbed(.undefined)], [])))
-    XCTAssertEqual("<div aria-grabbed=\"false\"/>", render(div([ariaGrabbed(false)], [])))
-    XCTAssertEqual("<div aria-grabbed=\"true\"/>", render(div([ariaGrabbed(true)], [])))
+    XCTAssertEqual("<div aria-grabbed=\"false\"></div>", render(div([ariaGrabbed(.false)], [])))
+    XCTAssertEqual("<div aria-grabbed=\"true\"></div>", render(div([ariaGrabbed(.true)], [])))
+    XCTAssertEqual("<div aria-grabbed=\"undefined\"></div>", render(div([ariaGrabbed(.undefined)], [])))
+    XCTAssertEqual("<div aria-grabbed=\"false\"></div>", render(div([ariaGrabbed(false)], [])))
+    XCTAssertEqual("<div aria-grabbed=\"true\"></div>", render(div([ariaGrabbed(true)], [])))
 
-    XCTAssertEqual("<div aria-haspopup=\"dialog\"/>", render(div([ariaHaspopup(.dialog)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"false\"/>", render(div([ariaHaspopup(.false)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"grid\"/>", render(div([ariaHaspopup(.grid)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"listbox\"/>", render(div([ariaHaspopup(.listbox)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"menu\"/>", render(div([ariaHaspopup(.menu)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"tree\"/>", render(div([ariaHaspopup(.tree)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"false\"/>", render(div([ariaHaspopup(false)], [])))
-    XCTAssertEqual("<div aria-haspopup=\"menu\"/>", render(div([ariaHaspopup(true)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"dialog\"></div>", render(div([ariaHaspopup(.dialog)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"false\"></div>", render(div([ariaHaspopup(.false)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"grid\"></div>", render(div([ariaHaspopup(.grid)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"listbox\"></div>", render(div([ariaHaspopup(.listbox)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"menu\"></div>", render(div([ariaHaspopup(.menu)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"tree\"></div>", render(div([ariaHaspopup(.tree)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"false\"></div>", render(div([ariaHaspopup(false)], [])))
+    XCTAssertEqual("<div aria-haspopup=\"menu\"></div>", render(div([ariaHaspopup(true)], [])))
 
-    XCTAssertEqual("<div aria-hidden=\"false\"/>", render(div([ariaHidden(.false)], [])))
-    XCTAssertEqual("<div aria-hidden=\"true\"/>", render(div([ariaHidden(.true)], [])))
-    XCTAssertEqual("<div aria-hidden=\"undefined\"/>", render(div([ariaHidden(.undefined)], [])))
-    XCTAssertEqual("<div aria-hidden=\"false\"/>", render(div([ariaHidden(false)], [])))
-    XCTAssertEqual("<div aria-hidden=\"true\"/>", render(div([ariaHidden(true)], [])))
+    XCTAssertEqual("<div aria-hidden=\"false\"></div>", render(div([ariaHidden(.false)], [])))
+    XCTAssertEqual("<div aria-hidden=\"true\"></div>", render(div([ariaHidden(.true)], [])))
+    XCTAssertEqual("<div aria-hidden=\"undefined\"></div>", render(div([ariaHidden(.undefined)], [])))
+    XCTAssertEqual("<div aria-hidden=\"false\"></div>", render(div([ariaHidden(false)], [])))
+    XCTAssertEqual("<div aria-hidden=\"true\"></div>", render(div([ariaHidden(true)], [])))
 
-    XCTAssertEqual("<div aria-invalid=\"false\"/>", render(div([ariaInvalid(.false)], [])))
-    XCTAssertEqual("<div aria-invalid=\"grammar\"/>", render(div([ariaInvalid(.grammar)], [])))
-    XCTAssertEqual("<div aria-invalid=\"spelling\"/>", render(div([ariaInvalid(.spelling)], [])))
-    XCTAssertEqual("<div aria-invalid=\"true\"/>", render(div([ariaInvalid(.true)], [])))
-    XCTAssertEqual("<div aria-invalid=\"false\"/>", render(div([ariaInvalid(false)], [])))
-    XCTAssertEqual("<div aria-invalid=\"true\"/>", render(div([ariaInvalid(true)], [])))
+    XCTAssertEqual("<div aria-invalid=\"false\"></div>", render(div([ariaInvalid(.false)], [])))
+    XCTAssertEqual("<div aria-invalid=\"grammar\"></div>", render(div([ariaInvalid(.grammar)], [])))
+    XCTAssertEqual("<div aria-invalid=\"spelling\"></div>", render(div([ariaInvalid(.spelling)], [])))
+    XCTAssertEqual("<div aria-invalid=\"true\"></div>", render(div([ariaInvalid(.true)], [])))
+    XCTAssertEqual("<div aria-invalid=\"false\"></div>", render(div([ariaInvalid(false)], [])))
+    XCTAssertEqual("<div aria-invalid=\"true\"></div>", render(div([ariaInvalid(true)], [])))
 
-    XCTAssertEqual("<div aria-keyshortcuts=\"id\"/>", render(div([ariaKeyshortcuts("id")], [])))
+    XCTAssertEqual("<div aria-keyshortcuts=\"id\"></div>", render(div([ariaKeyshortcuts("id")], [])))
 
-    XCTAssertEqual("<div aria-label=\"id\"/>", render(div([ariaLabel("id")], [])))
+    XCTAssertEqual("<div aria-label=\"id\"></div>", render(div([ariaLabel("id")], [])))
 
-    XCTAssertEqual("<div aria-labelledby=\"id\"/>", render(div([ariaLabelledby("id")], [])))
+    XCTAssertEqual("<div aria-labelledby=\"id\"></div>", render(div([ariaLabelledby("id")], [])))
 
-    XCTAssertEqual("<div aria-level=\"2\"/>", render(div([ariaLevel(2)], [])))
+    XCTAssertEqual("<div aria-level=\"2\"></div>", render(div([ariaLevel(2)], [])))
 
-    XCTAssertEqual("<div aria-live=\"assertive\"/>", render(div([ariaLive(.assertive)], [])))
-    XCTAssertEqual("<div aria-live=\"off\"/>", render(div([ariaLive(.off)], [])))
-    XCTAssertEqual("<div aria-live=\"polite\"/>", render(div([ariaLive(.polite)], [])))
-
-    XCTAssertEqual("<div aria-modal=\"false\"/>", render(div([ariaModal(false)], [])))
-    XCTAssertEqual("<div aria-modal=\"true\"/>", render(div([ariaModal(true)], [])))
-
-    XCTAssertEqual("<div aria-multiline=\"false\"/>", render(div([ariaMultiline(false)], [])))
-    XCTAssertEqual("<div aria-multiline=\"true\"/>", render(div([ariaMultiline(true)], [])))
-
-    XCTAssertEqual("<div aria-multiselectable=\"false\"/>", render(div([ariaMultiselectable(false)], [])))
-    XCTAssertEqual("<div aria-multiselectable=\"true\"/>", render(div([ariaMultiselectable(true)], [])))
-
-    XCTAssertEqual("<div aria-orientation=\"horizontal\"/>", render(div([ariaOrientation(.horizontal)], [])))
-    XCTAssertEqual("<div aria-orientation=\"undefined\"/>", render(div([ariaOrientation(.undefined)], [])))
-    XCTAssertEqual("<div aria-orientation=\"vertical\"/>", render(div([ariaOrientation(.vertical)], [])))
-
-    XCTAssertEqual("<div aria-owns=\"id\"/>", render(div([ariaOwns("id")], [])))
-
-    XCTAssertEqual("<div aria-placeholder=\"id\"/>", render(div([ariaPlaceholder("id")], [])))
-
-    XCTAssertEqual("<div aria-posinset=\"2\"/>", render(div([ariaPosinset(2)], [])))
-
-    XCTAssertEqual("<div aria-pressed=\"false\"/>", render(div([ariaPressed(.false)], [])))
-    XCTAssertEqual("<div aria-pressed=\"mixed\"/>", render(div([ariaPressed(.mixed)], [])))
-    XCTAssertEqual("<div aria-pressed=\"true\"/>", render(div([ariaPressed(.true)], [])))
-    XCTAssertEqual("<div aria-pressed=\"undefined\"/>", render(div([ariaPressed(.undefined)], [])))
-    XCTAssertEqual("<div aria-pressed=\"false\"/>", render(div([ariaPressed(false)], [])))
-    XCTAssertEqual("<div aria-pressed=\"true\"/>", render(div([ariaPressed(true)], [])))
-
-    XCTAssertEqual("<div aria-readonly=\"false\"/>", render(div([ariaReadonly(false)], [])))
-    XCTAssertEqual("<div aria-readonly=\"true\"/>", render(div([ariaReadonly(true)], [])))
-
-    XCTAssertEqual("<div aria-relevant/>", render(div([ariaRelevant([])], [])))
-    XCTAssertEqual("<div aria-relevant=\"all\"/>", render(div([ariaRelevant([.all])], [])))
-    XCTAssertEqual("<div aria-relevant=\"additions removals\"/>", render(div([ariaRelevant([.additions, .removals])], [])))
-
-    XCTAssertEqual("<div aria-required=\"false\"/>", render(div([ariaRequired(false)], [])))
-    XCTAssertEqual("<div aria-required=\"true\"/>", render(div([ariaRequired(true)], [])))
-
-    XCTAssertEqual("<div aria-roledescription=\"id\"/>", render(div([ariaRoledescription("id")], [])))
-
-    XCTAssertEqual("<div aria-rowcount=\"2\"/>", render(div([ariaRowcount(2)], [])))
-
-    XCTAssertEqual("<div aria-rowindex=\"2\"/>", render(div([ariaRowindex(2)], [])))
-
-    XCTAssertEqual("<div aria-rowspan=\"2\"/>", render(div([ariaRowspan(2)], [])))
-
-    XCTAssertEqual("<div aria-selected=\"false\"/>", render(div([ariaSelected(.false)], [])))
-    XCTAssertEqual("<div aria-selected=\"true\"/>", render(div([ariaSelected(.true)], [])))
-    XCTAssertEqual("<div aria-selected=\"undefined\"/>", render(div([ariaSelected(.undefined)], [])))
-    XCTAssertEqual("<div aria-selected=\"false\"/>", render(div([ariaSelected(false)], [])))
-    XCTAssertEqual("<div aria-selected=\"true\"/>", render(div([ariaSelected(true)], [])))
-
-    XCTAssertEqual("<div aria-rowspan=\"2\"/>", render(div([ariaRowspan(2)], [])))
-
-    XCTAssertEqual("<div aria-setsize=\"2\"/>", render(div([ariaSetsize(2)], [])))
-
-    XCTAssertEqual("<div aria-sort=\"ascending\"/>", render(div([ariaSort(.ascending)], [])))
-    XCTAssertEqual("<div aria-sort=\"descending\"/>", render(div([ariaSort(.descending)], [])))
-    XCTAssertEqual("<div aria-sort=\"none\"/>", render(div([ariaSort(.none)], [])))
-    XCTAssertEqual("<div aria-sort=\"other\"/>", render(div([ariaSort(.other)], [])))
-
-    XCTAssertEqual("<div aria-valuemax=\"1.2\"/>", render(div([ariaValuemax(1.2)], [])))
-
-    XCTAssertEqual("<div aria-valuemin=\"1.2\"/>", render(div([ariaValuemin(1.2)], [])))
-
-    XCTAssertEqual("<div aria-valuenow=\"1.2\"/>", render(div([ariaValuenow(1.2)], [])))
-
-    XCTAssertEqual("<div aria-valuetext=\"1.2\"/>", render(div([ariaValuetext("1.2")], [])))
-
-    XCTAssertEqual("<div role=\"alert\"/>", render(div([role(.alert)], [])))
-    XCTAssertEqual("<div role=\"alertdialog\"/>", render(div([role(.alertdialog)], [])))
-    XCTAssertEqual("<div role=\"application\"/>", render(div([role(.application)], [])))
-    XCTAssertEqual("<div role=\"article\"/>", render(div([role(.article)], [])))
-    XCTAssertEqual("<div role=\"banner\"/>", render(div([role(.banner)], [])))
-    XCTAssertEqual("<div role=\"button\"/>", render(div([role(.button)], [])))
-    XCTAssertEqual("<div role=\"cell\"/>", render(div([role(.cell)], [])))
-    XCTAssertEqual("<div role=\"checkbox\"/>", render(div([role(.checkbox)], [])))
-    XCTAssertEqual("<div role=\"columnheader\"/>", render(div([role(.columnheader)], [])))
-    XCTAssertEqual("<div role=\"combobox\"/>", render(div([role(.combobox)], [])))
-    XCTAssertEqual("<div role=\"complementary\"/>", render(div([role(.complementary)], [])))
-    XCTAssertEqual("<div role=\"contentinfo\"/>", render(div([role(.contentinfo)], [])))
-    XCTAssertEqual("<div role=\"definition\"/>", render(div([role(.definition)], [])))
-    XCTAssertEqual("<div role=\"dialog\"/>", render(div([role(.dialog)], [])))
-    XCTAssertEqual("<div role=\"directory\"/>", render(div([role(.directory)], [])))
-    XCTAssertEqual("<div role=\"document\"/>", render(div([role(.document)], [])))
-    XCTAssertEqual("<div role=\"feed\"/>", render(div([role(.feed)], [])))
-    XCTAssertEqual("<div role=\"figure\"/>", render(div([role(.figure)], [])))
-    XCTAssertEqual("<div role=\"form\"/>", render(div([role(.form)], [])))
-    XCTAssertEqual("<div role=\"grid\"/>", render(div([role(.grid)], [])))
-    XCTAssertEqual("<div role=\"gridcell\"/>", render(div([role(.gridcell)], [])))
-    XCTAssertEqual("<div role=\"group\"/>", render(div([role(.group)], [])))
-    XCTAssertEqual("<div role=\"heading\"/>", render(div([role(.heading)], [])))
-    XCTAssertEqual("<div role=\"img\"/>", render(div([role(.img)], [])))
-    XCTAssertEqual("<div role=\"link\"/>", render(div([role(.link)], [])))
-    XCTAssertEqual("<div role=\"list\"/>", render(div([role(.list)], [])))
-    XCTAssertEqual("<div role=\"listbox\"/>", render(div([role(.listbox)], [])))
-    XCTAssertEqual("<div role=\"listitem\"/>", render(div([role(.listitem)], [])))
-    XCTAssertEqual("<div role=\"log\"/>", render(div([role(.log)], [])))
-    XCTAssertEqual("<div role=\"main\"/>", render(div([role(.main)], [])))
-    XCTAssertEqual("<div role=\"marquee\"/>", render(div([role(.marquee)], [])))
-    XCTAssertEqual("<div role=\"math\"/>", render(div([role(.math)], [])))
-    XCTAssertEqual("<div role=\"menu\"/>", render(div([role(.menu)], [])))
-    XCTAssertEqual("<div role=\"menubar\"/>", render(div([role(.menubar)], [])))
-    XCTAssertEqual("<div role=\"menuitem\"/>", render(div([role(.menuitem)], [])))
-    XCTAssertEqual("<div role=\"menuitemcheckbox\"/>", render(div([role(.menuitemcheckbox)], [])))
-    XCTAssertEqual("<div role=\"menuitemradio\"/>", render(div([role(.menuitemradio)], [])))
-    XCTAssertEqual("<div role=\"navigation\"/>", render(div([role(.navigation)], [])))
-    XCTAssertEqual("<div role=\"none\"/>", render(div([role(.none)], [])))
-    XCTAssertEqual("<div role=\"note\"/>", render(div([role(.note)], [])))
-    XCTAssertEqual("<div role=\"option\"/>", render(div([role(.option)], [])))
-    XCTAssertEqual("<div role=\"presentation\"/>", render(div([role(.presentation)], [])))
-    XCTAssertEqual("<div role=\"progressbar\"/>", render(div([role(.progressbar)], [])))
-    XCTAssertEqual("<div role=\"radio\"/>", render(div([role(.radio)], [])))
-    XCTAssertEqual("<div role=\"radiogroup\"/>", render(div([role(.radiogroup)], [])))
-    XCTAssertEqual("<div role=\"region\"/>", render(div([role(.region)], [])))
-    XCTAssertEqual("<div role=\"row\"/>", render(div([role(.row)], [])))
-    XCTAssertEqual("<div role=\"rowgroup\"/>", render(div([role(.rowgroup)], [])))
-    XCTAssertEqual("<div role=\"rowheader\"/>", render(div([role(.rowheader)], [])))
-    XCTAssertEqual("<div role=\"scrollbar\"/>", render(div([role(.scrollbar)], [])))
-    XCTAssertEqual("<div role=\"search\"/>", render(div([role(.search)], [])))
-    XCTAssertEqual("<div role=\"searchbox\"/>", render(div([role(.searchbox)], [])))
-    XCTAssertEqual("<div role=\"separator\"/>", render(div([role(.separator)], [])))
-    XCTAssertEqual("<div role=\"slider\"/>", render(div([role(.slider)], [])))
-    XCTAssertEqual("<div role=\"spinbutton\"/>", render(div([role(.spinbutton)], [])))
-    XCTAssertEqual("<div role=\"status\"/>", render(div([role(.status)], [])))
-    XCTAssertEqual("<div role=\"switch\"/>", render(div([role(.switch)], [])))
-    XCTAssertEqual("<div role=\"tab\"/>", render(div([role(.tab)], [])))
-    XCTAssertEqual("<div role=\"table\"/>", render(div([role(.table)], [])))
-    XCTAssertEqual("<div role=\"tablist\"/>", render(div([role(.tablist)], [])))
-    XCTAssertEqual("<div role=\"tabpanel\"/>", render(div([role(.tabpanel)], [])))
-    XCTAssertEqual("<div role=\"term\"/>", render(div([role(.term)], [])))
-    XCTAssertEqual("<div role=\"textbox\"/>", render(div([role(.textbox)], [])))
-    XCTAssertEqual("<div role=\"timer\"/>", render(div([role(.timer)], [])))
-    XCTAssertEqual("<div role=\"toolbar\"/>", render(div([role(.toolbar)], [])))
-    XCTAssertEqual("<div role=\"tooltip\"/>", render(div([role(.tooltip)], [])))
-    XCTAssertEqual("<div role=\"tree\"/>", render(div([role(.tree)], [])))
-    XCTAssertEqual("<div role=\"treegrid\"/>", render(div([role(.treegrid)], [])))
-    XCTAssertEqual("<div role=\"treeitem\"/>", render(div([role(.treeitem)], [])))
+    XCTAssertEqual("<div aria-live=\"assertive\"></div>", render(div([ariaLive(.assertive)], [])))
+    XCTAssertEqual("<div aria-live=\"off\"></div>", render(div([ariaLive(.off)], [])))
+    XCTAssertEqual("<div aria-live=\"polite\"></div>", render(div([ariaLive(.polite)], [])))
+
+    XCTAssertEqual("<div aria-modal=\"false\"></div>", render(div([ariaModal(false)], [])))
+    XCTAssertEqual("<div aria-modal=\"true\"></div>", render(div([ariaModal(true)], [])))
+
+    XCTAssertEqual("<div aria-multiline=\"false\"></div>", render(div([ariaMultiline(false)], [])))
+    XCTAssertEqual("<div aria-multiline=\"true\"></div>", render(div([ariaMultiline(true)], [])))
+
+    XCTAssertEqual("<div aria-multiselectable=\"false\"></div>", render(div([ariaMultiselectable(false)], [])))
+    XCTAssertEqual("<div aria-multiselectable=\"true\"></div>", render(div([ariaMultiselectable(true)], [])))
+
+    XCTAssertEqual("<div aria-orientation=\"horizontal\"></div>", render(div([ariaOrientation(.horizontal)], [])))
+    XCTAssertEqual("<div aria-orientation=\"undefined\"></div>", render(div([ariaOrientation(.undefined)], [])))
+    XCTAssertEqual("<div aria-orientation=\"vertical\"></div>", render(div([ariaOrientation(.vertical)], [])))
+
+    XCTAssertEqual("<div aria-owns=\"id\"></div>", render(div([ariaOwns("id")], [])))
+
+    XCTAssertEqual("<div aria-placeholder=\"id\"></div>", render(div([ariaPlaceholder("id")], [])))
+
+    XCTAssertEqual("<div aria-posinset=\"2\"></div>", render(div([ariaPosinset(2)], [])))
+
+    XCTAssertEqual("<div aria-pressed=\"false\"></div>", render(div([ariaPressed(.false)], [])))
+    XCTAssertEqual("<div aria-pressed=\"mixed\"></div>", render(div([ariaPressed(.mixed)], [])))
+    XCTAssertEqual("<div aria-pressed=\"true\"></div>", render(div([ariaPressed(.true)], [])))
+    XCTAssertEqual("<div aria-pressed=\"undefined\"></div>", render(div([ariaPressed(.undefined)], [])))
+    XCTAssertEqual("<div aria-pressed=\"false\"></div>", render(div([ariaPressed(false)], [])))
+    XCTAssertEqual("<div aria-pressed=\"true\"></div>", render(div([ariaPressed(true)], [])))
+
+    XCTAssertEqual("<div aria-readonly=\"false\"></div>", render(div([ariaReadonly(false)], [])))
+    XCTAssertEqual("<div aria-readonly=\"true\"></div>", render(div([ariaReadonly(true)], [])))
+
+    XCTAssertEqual("<div aria-relevant></div>", render(div([ariaRelevant([])], [])))
+    XCTAssertEqual("<div aria-relevant=\"all\"></div>", render(div([ariaRelevant([.all])], [])))
+    XCTAssertEqual("<div aria-relevant=\"additions removals\"></div>", render(div([ariaRelevant([.additions, .removals])], [])))
+
+    XCTAssertEqual("<div aria-required=\"false\"></div>", render(div([ariaRequired(false)], [])))
+    XCTAssertEqual("<div aria-required=\"true\"></div>", render(div([ariaRequired(true)], [])))
+
+    XCTAssertEqual("<div aria-roledescription=\"id\"></div>", render(div([ariaRoledescription("id")], [])))
+
+    XCTAssertEqual("<div aria-rowcount=\"2\"></div>", render(div([ariaRowcount(2)], [])))
+
+    XCTAssertEqual("<div aria-rowindex=\"2\"></div>", render(div([ariaRowindex(2)], [])))
+
+    XCTAssertEqual("<div aria-rowspan=\"2\"></div>", render(div([ariaRowspan(2)], [])))
+
+    XCTAssertEqual("<div aria-selected=\"false\"></div>", render(div([ariaSelected(.false)], [])))
+    XCTAssertEqual("<div aria-selected=\"true\"></div>", render(div([ariaSelected(.true)], [])))
+    XCTAssertEqual("<div aria-selected=\"undefined\"></div>", render(div([ariaSelected(.undefined)], [])))
+    XCTAssertEqual("<div aria-selected=\"false\"></div>", render(div([ariaSelected(false)], [])))
+    XCTAssertEqual("<div aria-selected=\"true\"></div>", render(div([ariaSelected(true)], [])))
+
+    XCTAssertEqual("<div aria-rowspan=\"2\"></div>", render(div([ariaRowspan(2)], [])))
+
+    XCTAssertEqual("<div aria-setsize=\"2\"></div>", render(div([ariaSetsize(2)], [])))
+
+    XCTAssertEqual("<div aria-sort=\"ascending\"></div>", render(div([ariaSort(.ascending)], [])))
+    XCTAssertEqual("<div aria-sort=\"descending\"></div>", render(div([ariaSort(.descending)], [])))
+    XCTAssertEqual("<div aria-sort=\"none\"></div>", render(div([ariaSort(.none)], [])))
+    XCTAssertEqual("<div aria-sort=\"other\"></div>", render(div([ariaSort(.other)], [])))
+
+    XCTAssertEqual("<div aria-valuemax=\"1.2\"></div>", render(div([ariaValuemax(1.2)], [])))
+
+    XCTAssertEqual("<div aria-valuemin=\"1.2\"></div>", render(div([ariaValuemin(1.2)], [])))
+
+    XCTAssertEqual("<div aria-valuenow=\"1.2\"></div>", render(div([ariaValuenow(1.2)], [])))
+
+    XCTAssertEqual("<div aria-valuetext=\"1.2\"></div>", render(div([ariaValuetext("1.2")], [])))
+
+    XCTAssertEqual("<div role=\"alert\"></div>", render(div([role(.alert)], [])))
+    XCTAssertEqual("<div role=\"alertdialog\"></div>", render(div([role(.alertdialog)], [])))
+    XCTAssertEqual("<div role=\"application\"></div>", render(div([role(.application)], [])))
+    XCTAssertEqual("<div role=\"article\"></div>", render(div([role(.article)], [])))
+    XCTAssertEqual("<div role=\"banner\"></div>", render(div([role(.banner)], [])))
+    XCTAssertEqual("<div role=\"button\"></div>", render(div([role(.button)], [])))
+    XCTAssertEqual("<div role=\"cell\"></div>", render(div([role(.cell)], [])))
+    XCTAssertEqual("<div role=\"checkbox\"></div>", render(div([role(.checkbox)], [])))
+    XCTAssertEqual("<div role=\"columnheader\"></div>", render(div([role(.columnheader)], [])))
+    XCTAssertEqual("<div role=\"combobox\"></div>", render(div([role(.combobox)], [])))
+    XCTAssertEqual("<div role=\"complementary\"></div>", render(div([role(.complementary)], [])))
+    XCTAssertEqual("<div role=\"contentinfo\"></div>", render(div([role(.contentinfo)], [])))
+    XCTAssertEqual("<div role=\"definition\"></div>", render(div([role(.definition)], [])))
+    XCTAssertEqual("<div role=\"dialog\"></div>", render(div([role(.dialog)], [])))
+    XCTAssertEqual("<div role=\"directory\"></div>", render(div([role(.directory)], [])))
+    XCTAssertEqual("<div role=\"document\"></div>", render(div([role(.document)], [])))
+    XCTAssertEqual("<div role=\"feed\"></div>", render(div([role(.feed)], [])))
+    XCTAssertEqual("<div role=\"figure\"></div>", render(div([role(.figure)], [])))
+    XCTAssertEqual("<div role=\"form\"></div>", render(div([role(.form)], [])))
+    XCTAssertEqual("<div role=\"grid\"></div>", render(div([role(.grid)], [])))
+    XCTAssertEqual("<div role=\"gridcell\"></div>", render(div([role(.gridcell)], [])))
+    XCTAssertEqual("<div role=\"group\"></div>", render(div([role(.group)], [])))
+    XCTAssertEqual("<div role=\"heading\"></div>", render(div([role(.heading)], [])))
+    XCTAssertEqual("<div role=\"img\"></div>", render(div([role(.img)], [])))
+    XCTAssertEqual("<div role=\"link\"></div>", render(div([role(.link)], [])))
+    XCTAssertEqual("<div role=\"list\"></div>", render(div([role(.list)], [])))
+    XCTAssertEqual("<div role=\"listbox\"></div>", render(div([role(.listbox)], [])))
+    XCTAssertEqual("<div role=\"listitem\"></div>", render(div([role(.listitem)], [])))
+    XCTAssertEqual("<div role=\"log\"></div>", render(div([role(.log)], [])))
+    XCTAssertEqual("<div role=\"main\"></div>", render(div([role(.main)], [])))
+    XCTAssertEqual("<div role=\"marquee\"></div>", render(div([role(.marquee)], [])))
+    XCTAssertEqual("<div role=\"math\"></div>", render(div([role(.math)], [])))
+    XCTAssertEqual("<div role=\"menu\"></div>", render(div([role(.menu)], [])))
+    XCTAssertEqual("<div role=\"menubar\"></div>", render(div([role(.menubar)], [])))
+    XCTAssertEqual("<div role=\"menuitem\"></div>", render(div([role(.menuitem)], [])))
+    XCTAssertEqual("<div role=\"menuitemcheckbox\"></div>", render(div([role(.menuitemcheckbox)], [])))
+    XCTAssertEqual("<div role=\"menuitemradio\"></div>", render(div([role(.menuitemradio)], [])))
+    XCTAssertEqual("<div role=\"navigation\"></div>", render(div([role(.navigation)], [])))
+    XCTAssertEqual("<div role=\"none\"></div>", render(div([role(.none)], [])))
+    XCTAssertEqual("<div role=\"note\"></div>", render(div([role(.note)], [])))
+    XCTAssertEqual("<div role=\"option\"></div>", render(div([role(.option)], [])))
+    XCTAssertEqual("<div role=\"presentation\"></div>", render(div([role(.presentation)], [])))
+    XCTAssertEqual("<div role=\"progressbar\"></div>", render(div([role(.progressbar)], [])))
+    XCTAssertEqual("<div role=\"radio\"></div>", render(div([role(.radio)], [])))
+    XCTAssertEqual("<div role=\"radiogroup\"></div>", render(div([role(.radiogroup)], [])))
+    XCTAssertEqual("<div role=\"region\"></div>", render(div([role(.region)], [])))
+    XCTAssertEqual("<div role=\"row\"></div>", render(div([role(.row)], [])))
+    XCTAssertEqual("<div role=\"rowgroup\"></div>", render(div([role(.rowgroup)], [])))
+    XCTAssertEqual("<div role=\"rowheader\"></div>", render(div([role(.rowheader)], [])))
+    XCTAssertEqual("<div role=\"scrollbar\"></div>", render(div([role(.scrollbar)], [])))
+    XCTAssertEqual("<div role=\"search\"></div>", render(div([role(.search)], [])))
+    XCTAssertEqual("<div role=\"searchbox\"></div>", render(div([role(.searchbox)], [])))
+    XCTAssertEqual("<div role=\"separator\"></div>", render(div([role(.separator)], [])))
+    XCTAssertEqual("<div role=\"slider\"></div>", render(div([role(.slider)], [])))
+    XCTAssertEqual("<div role=\"spinbutton\"></div>", render(div([role(.spinbutton)], [])))
+    XCTAssertEqual("<div role=\"status\"></div>", render(div([role(.status)], [])))
+    XCTAssertEqual("<div role=\"switch\"></div>", render(div([role(.switch)], [])))
+    XCTAssertEqual("<div role=\"tab\"></div>", render(div([role(.tab)], [])))
+    XCTAssertEqual("<div role=\"table\"></div>", render(div([role(.table)], [])))
+    XCTAssertEqual("<div role=\"tablist\"></div>", render(div([role(.tablist)], [])))
+    XCTAssertEqual("<div role=\"tabpanel\"></div>", render(div([role(.tabpanel)], [])))
+    XCTAssertEqual("<div role=\"term\"></div>", render(div([role(.term)], [])))
+    XCTAssertEqual("<div role=\"textbox\"></div>", render(div([role(.textbox)], [])))
+    XCTAssertEqual("<div role=\"timer\"></div>", render(div([role(.timer)], [])))
+    XCTAssertEqual("<div role=\"toolbar\"></div>", render(div([role(.toolbar)], [])))
+    XCTAssertEqual("<div role=\"tooltip\"></div>", render(div([role(.tooltip)], [])))
+    XCTAssertEqual("<div role=\"tree\"></div>", render(div([role(.tree)], [])))
+    XCTAssertEqual("<div role=\"treegrid\"></div>", render(div([role(.treegrid)], [])))
+    XCTAssertEqual("<div role=\"treeitem\"></div>", render(div([role(.treeitem)], [])))
   }
 }
 
diff --git a/Tests/HtmlTests/AttributesTests.swift b/Tests/HtmlTests/AttributesTests.swift
index 1ff569c..fdb570e 100644
--- a/Tests/HtmlTests/AttributesTests.swift
+++ b/Tests/HtmlTests/AttributesTests.swift
@@ -5,31 +5,31 @@ final class AttributesTests: XCTestCase {
   func testAttributes() {
     XCTAssertEqual(
       """
-      <th abbr="blob" colspan="1" headers="blob" rowspan="1" scope/>
+      <th abbr="blob" colspan="1" headers="blob" rowspan="1" scope></th>
       """,
       render(th([abbr("blob"), colspan(1), headers("blob"), rowspan(1), scope(.auto)], []))
     )
-    XCTAssertEqual("<th scope=\"col\"/>", render(th([scope(.col)], [])))
-    XCTAssertEqual("<th scope=\"colgroup\"/>", render(th([scope(.colgroup)], [])))
-    XCTAssertEqual("<th scope=\"row\"/>", render(th([scope(.row)], [])))
-    XCTAssertEqual("<th scope=\"rowgroup\"/>", render(th([scope(.rowgroup)], [])))
+    XCTAssertEqual("<th scope=\"col\"></th>", render(th([scope(.col)], [])))
+    XCTAssertEqual("<th scope=\"colgroup\"></th>", render(th([scope(.colgroup)], [])))
+    XCTAssertEqual("<th scope=\"row\"></th>", render(th([scope(.row)], [])))
+    XCTAssertEqual("<th scope=\"rowgroup\"></th>", render(th([scope(.rowgroup)], [])))
 
     XCTAssertEqual(
       "<a href=\"/user/foo&quot; onmouseover=&quot;alert(1)\">XSS</a>",
       render(a([href("/user/foo\" onmouseover=\"alert(1)")], ["XSS"]))
     )
 
-    XCTAssertEqual("<a accesskey=\"a\"/>", render(a([accesskey("a")], [])))
+    XCTAssertEqual("<a accesskey=\"a\"></a>", render(a([accesskey("a")], [])))
 
     XCTAssertEqual(
       """
-      <form action="/" name="blob" novalidate/>
+      <form action="/" name="blob" novalidate></form>
       """,
       render(form([action("/"), Html.method(.get), Html.name("blob"), novalidate(true)], []))
     )
     XCTAssertEqual(
       """
-      <form action="/" method="post"/>
+      <form action="/" method="post"></form>
       """,
       render(form([action("/"), Html.method(.post), novalidate(false)], []))
     )
@@ -124,13 +124,13 @@ final class AttributesTests: XCTestCase {
 
     XCTAssertEqual(
       """
-      <button autofocus disabled form="form" name="blob"/>
+      <button autofocus disabled form="form" name="blob"></button>
       """,
       render(button([autofocus(true), disabled(true), form("form"), Html.name("blob")], []))
     )
     XCTAssertEqual(
       """
-      <button/>
+      <button></button>
       """,
       render(button([autofocus(false), disabled(false)], []))
     )
@@ -222,159 +222,159 @@ final class AttributesTests: XCTestCase {
 
     XCTAssertEqual("<meta charset=\"utf-8\">", render(meta([charset(.utf8)])))
 
-    XCTAssertEqual("<blockquote cite=\"blob\"/>", render(blockquote([cite("blob")], [])))
+    XCTAssertEqual("<blockquote cite=\"blob\"></blockquote>", render(blockquote([cite("blob")], [])))
 
     let date = Date(timeIntervalSinceReferenceDate: 0)
 
     XCTAssertEqual(
       """
-      <del cite="blob" datetime="2001-01-01T00:00:00Z"/>
+      <del cite="blob" datetime="2001-01-01T00:00:00Z"></del>
       """,
       render(del([cite("blob"), datetime(date)], []))
     )
 
     XCTAssertEqual(
       """
-      <del cite="blob" datetime="2001-01-01T00:00:00Z"/>
+      <del cite="blob" datetime="2001-01-01T00:00:00Z"></del>
       """,
       render(del([cite("blob"), datetime(date)], []))
     )
 
-    XCTAssertEqual("<q cite=\"blob\"/>", render(q([cite("blob")], [])))
+    XCTAssertEqual("<q cite=\"blob\"></q>", render(q([cite("blob")], [])))
 
-    XCTAssertEqual("<div class=\"blob\"/>", render(div([Html.class("blob")], [])))
+    XCTAssertEqual("<div class=\"blob\"></div>", render(div([Html.class("blob")], [])))
 
     XCTAssertEqual(
       """
-      <td colspan="1" headers="blob" rowspan="1"/>
+      <td colspan="1" headers="blob" rowspan="1"></td>
       """,
       render(td([colspan(1), headers("blob"), rowspan(1)], []))
     )
 
-    XCTAssertEqual("<a contenteditable/>", render(a([contenteditable(true)], [])))
-    XCTAssertEqual("<a contenteditable=\"false\"/>", render(a([contenteditable(false)], [])))
-    XCTAssertEqual("<a/>", render(a([contenteditable(.inherit)], [])))
+    XCTAssertEqual("<a contenteditable></a>", render(a([contenteditable(true)], [])))
+    XCTAssertEqual("<a contenteditable=\"false\"></a>", render(a([contenteditable(false)], [])))
+    XCTAssertEqual("<a></a>", render(a([contenteditable(.inherit)], [])))
 
-    XCTAssertEqual("<a data-blob=\"deadbeef\"/>", render(a([data("blob", "deadbeef")], [])))
+    XCTAssertEqual("<a data-blob=\"deadbeef\"></a>", render(a([data("blob", "deadbeef")], [])))
 
-    XCTAssertEqual("<time datetime=\"2001-01-01T00:00:00Z\"/>", render(time([datetime(date)], [])))
+    XCTAssertEqual("<time datetime=\"2001-01-01T00:00:00Z\"></time>", render(time([datetime(date)], [])))
 
-    XCTAssertEqual("<a dir=\"ltr\"/>", render(a([dir(.ltr)], [])))
-    XCTAssertEqual("<a dir=\"rtl\"/>", render(a([dir(.rtl)], [])))
-    XCTAssertEqual("<a dir=\"auto\"/>", render(a([dir(.auto)], [])))
+    XCTAssertEqual("<a dir=\"ltr\"></a>", render(a([dir(.ltr)], [])))
+    XCTAssertEqual("<a dir=\"rtl\"></a>", render(a([dir(.rtl)], [])))
+    XCTAssertEqual("<a dir=\"auto\"></a>", render(a([dir(.auto)], [])))
 
     XCTAssertEqual(
       """
-      <fieldset disabled name="blob"/>
+      <fieldset disabled name="blob"></fieldset>
       """,
       render(fieldset([disabled(true), Html.name("blob")], []))
     )
-    XCTAssertEqual("<fieldset/>", render(fieldset([disabled(false)], [])))
+    XCTAssertEqual("<fieldset></fieldset>", render(fieldset([disabled(false)], [])))
 
-    XCTAssertEqual("<optgroup disabled/>", render(optgroup([disabled(true)], [])))
-    XCTAssertEqual("<optgroup/>", render(optgroup([disabled(false)], [])))
+    XCTAssertEqual("<optgroup disabled></optgroup>", render(optgroup([disabled(true)], [])))
+    XCTAssertEqual("<optgroup></optgroup>", render(optgroup([disabled(false)], [])))
 
-    XCTAssertEqual("<a draggable=\"true\"/>", render(a([draggable(true)], [])))
-    XCTAssertEqual("<a draggable=\"false\"/>", render(a([draggable(false)], [])))
-    XCTAssertEqual("<a/>", render(a([draggable(.auto)], [])))
+    XCTAssertEqual("<a draggable=\"true\"></a>", render(a([draggable(true)], [])))
+    XCTAssertEqual("<a draggable=\"false\"></a>", render(a([draggable(false)], [])))
+    XCTAssertEqual("<a></a>", render(a([draggable(.auto)], [])))
 
     XCTAssertEqual(
       """
-      <label for="blob" form="form"/>
+      <label for="blob" form="form"></label>
       """,
       render(label([`for`("blob"), form("form")], []))
     )
 
     XCTAssertEqual(
       """
-      <output for="blob" name="blob name"/>
+      <output for="blob" name="blob name"></output>
       """,
       render(output([`for`("blob"), Html.name("blob name")], []))
     )
 
-    XCTAssertEqual("<canvas height=\"42\" width=\"43\"/>", render(canvas([height(42), width(43)], [])))
+    XCTAssertEqual("<canvas height=\"42\" width=\"43\"></canvas>", render(canvas([height(42), width(43)], [])))
     XCTAssertEqual(
       """
-      <iframe height="42" name="blob" sandbox src="src" srcdoc="srcdoc" width="43"/>
+      <iframe height="42" name="blob" sandbox src="src" srcdoc="srcdoc" width="43"></iframe>
       """,
       render(iframe([height(42), Html.name("blob"), sandbox(true), src("src"), srcdoc("srcdoc"), width(43)], []))
     )
     XCTAssertEqual(
       """
-      <iframe/>
+      <iframe></iframe>
       """,
       render(iframe([sandbox(false)], []))
     )
     XCTAssertEqual(
       """
-      <iframe sandbox="allow-forms allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation"/>
+      <iframe sandbox="allow-forms allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation"></iframe>
       """,
       render(iframe([sandbox([.allowForms, .allowPointerLock, .allowPopups, .allowPresentation, .allowSameOrigin, .allowScripts, .allowTopNavigation])], []))
     )
     XCTAssertEqual(
       """
-      <object height="42" name="blob" width="43"/>
+      <object height="42" name="blob" width="43"></object>
       """,
       render(object([height(42), Html.name("blob"), width(43)], []))
     )
     XCTAssertEqual("<svg height=\"42\" width=\"43\"></svg>", render(svg([height(42), width(43)], "")))
 
-    XCTAssertEqual("<a hidden/>", render(a([hidden(true)], [])))
-    XCTAssertEqual("<a/>", render(a([hidden(false)], [])))
+    XCTAssertEqual("<a hidden></a>", render(a([hidden(true)], [])))
+    XCTAssertEqual("<a></a>", render(a([hidden(false)], [])))
 
-    XCTAssertEqual("<a href=\"blob\" rel=\"alternate\"/>", render(a([href("blob"), rel(.alternate)], [])))
+    XCTAssertEqual("<a href=\"blob\" rel=\"alternate\"></a>", render(a([href("blob"), rel(.alternate)], [])))
     XCTAssertEqual("<area href=\"blob\" rel=\"alternate\">", render(area([href("blob"), rel(.alternate)])))
     XCTAssertEqual("<base href=\"blob\">", render(base([href("blob")])))
     XCTAssertEqual("<link href=\"blob\" rel=\"alternate\">", render(link([href("blob"), rel(.alternate)])))
 
-    XCTAssertEqual("<a href=\"mailto:blob@pointfree.co\"/>", render(a([mailto("blob@pointfree.co")], [])))
+    XCTAssertEqual("<a href=\"mailto:blob@pointfree.co\"></a>", render(a([mailto("blob@pointfree.co")], [])))
 
-    XCTAssertEqual("<a id=\"blob\"/>", render(a([id("blob")], [])))
+    XCTAssertEqual("<a id=\"blob\"></a>", render(a([id("blob")], [])))
 
-    XCTAssertEqual("<a lang=\"en\"/>", render(a([lang(.en)], [])))
+    XCTAssertEqual("<a lang=\"en\"></a>", render(a([lang(.en)], [])))
 
-    XCTAssertEqual("<details open/>", render(details([open(true)], [])))
-    XCTAssertEqual("<details/>", render(details([open(false)], [])))
+    XCTAssertEqual("<details open></details>", render(details([open(true)], [])))
+    XCTAssertEqual("<details></details>", render(details([open(false)], [])))
 
-    XCTAssertEqual("<ol reversed start=\"1\"/>", render(ol([reversed(true), start(1)], [])))
-    XCTAssertEqual("<ol/>", render(ol([reversed(false)], [])))
+    XCTAssertEqual("<ol reversed start=\"1\"></ol>", render(ol([reversed(true), start(1)], [])))
+    XCTAssertEqual("<ol></ol>", render(ol([reversed(false)], [])))
 
     XCTAssertEqual("<area shape=\"circle\">", render(area([shape(.circle)])))
     XCTAssertEqual("<area shape=\"poly\">", render(area([shape(.poly)])))
     XCTAssertEqual("<area>", render(area([shape(.rect)])))
 
     XCTAssertEqual("<col span=\"1\">", render(col([span(1)])))
-    XCTAssertEqual("<colgroup span=\"1\"/>", render(colgroup([span(1)], [])))
+    XCTAssertEqual("<colgroup span=\"1\"></colgroup>", render(colgroup([span(1)], [])))
 
-    XCTAssertEqual("<a spellcheck=\"true\"/>", render(a([spellcheck(true)], [])))
-    XCTAssertEqual("<a spellcheck=\"false\"/>", render(a([spellcheck(false)], [])))
+    XCTAssertEqual("<a spellcheck=\"true\"></a>", render(a([spellcheck(true)], [])))
+    XCTAssertEqual("<a spellcheck=\"false\"></a>", render(a([spellcheck(false)], [])))
 
     XCTAssertEqual("<embed src=\"src\">", render(embed([src("src")])))
 
-    XCTAssertEqual("<a style=\"display: none\"/>", render(a([style("display: none")], [])))
+    XCTAssertEqual("<a style=\"display: none\"></a>", render(a([style("display: none")], [])))
 
-    XCTAssertEqual("<a tabindex=\"1\"/>", render(a([tabindex(1)], [])))
+    XCTAssertEqual("<a tabindex=\"1\"></a>", render(a([tabindex(1)], [])))
 
-    XCTAssertEqual("<a target=\"_blank\"/>", render(a([target(.blank)], [])))
-    XCTAssertEqual("<a/>", render(a([target(.self)], [])))
-    XCTAssertEqual("<a target=\"_parent\"/>", render(a([target(.parent)], [])))
-    XCTAssertEqual("<a target=\"_top\"/>", render(a([target(.top)], [])))
-    XCTAssertEqual("<a target=\"custom\"/>", render(a([target(.init(rawValue: "custom"))], [])))
+    XCTAssertEqual("<a target=\"_blank\"></a>", render(a([target(.blank)], [])))
+    XCTAssertEqual("<a></a>", render(a([target(.self)], [])))
+    XCTAssertEqual("<a target=\"_parent\"></a>", render(a([target(.parent)], [])))
+    XCTAssertEqual("<a target=\"_top\"></a>", render(a([target(.top)], [])))
+    XCTAssertEqual("<a target=\"custom\"></a>", render(a([target(.init(rawValue: "custom"))], [])))
 
-    XCTAssertEqual("<a title=\"blob\"/>", render(a([title("blob")], [])))
+    XCTAssertEqual("<a title=\"blob\"></a>", render(a([title("blob")], [])))
 
-    XCTAssertEqual("<a translate=\"yes\"/>", render(a([translate(true)], [])))
-    XCTAssertEqual("<a translate=\"no\"/>", render(a([translate(false)], [])))
+    XCTAssertEqual("<a translate=\"yes\"></a>", render(a([translate(true)], [])))
+    XCTAssertEqual("<a translate=\"no\"></a>", render(a([translate(false)], [])))
 
-    XCTAssertEqual("<button type=\"button\"/>", render(button([type(.button)], [])))
-    XCTAssertEqual("<button type=\"reset\"/>", render(button([type(.reset)], [])))
-    XCTAssertEqual("<button type=\"submit\"/>", render(button([type(.submit)], [])))
+    XCTAssertEqual("<button type=\"button\"></button>", render(button([type(.button)], [])))
+    XCTAssertEqual("<button type=\"reset\"></button>", render(button([type(.reset)], [])))
+    XCTAssertEqual("<button type=\"submit\"></button>", render(button([type(.submit)], [])))
 
-    XCTAssertEqual("<ol type=\"1\"/>", render(ol([type(.decimal)], [])))
-    XCTAssertEqual("<ol type=\"a\"/>", render(ol([type(.lowerAlpha)], [])))
-    XCTAssertEqual("<ol type=\"A\"/>", render(ol([type(.upperAlpha)], [])))
-    XCTAssertEqual("<ol type=\"i\"/>", render(ol([type(.lowerRoman)], [])))
-    XCTAssertEqual("<ol type=\"I\"/>", render(ol([type(.upperRoman)], [])))
+    XCTAssertEqual("<ol type=\"1\"></ol>", render(ol([type(.decimal)], [])))
+    XCTAssertEqual("<ol type=\"a\"></ol>", render(ol([type(.lowerAlpha)], [])))
+    XCTAssertEqual("<ol type=\"A\"></ol>", render(ol([type(.upperAlpha)], [])))
+    XCTAssertEqual("<ol type=\"i\"></ol>", render(ol([type(.lowerRoman)], [])))
+    XCTAssertEqual("<ol type=\"I\"></ol>", render(ol([type(.upperRoman)], [])))
   }
 }
 
diff --git a/Tests/HtmlTests/ElementsTests.swift b/Tests/HtmlTests/ElementsTests.swift
index c2bede8..cef512f 100644
--- a/Tests/HtmlTests/ElementsTests.swift
+++ b/Tests/HtmlTests/ElementsTests.swift
@@ -201,7 +201,7 @@ final class ElementsTests: XCTestCase {
 
     XCTAssertEqual(
       """
-<a>foo1</a><abbr/><abbr/><address/><address/><map name="foo2"><area></map><article/><article/><aside/><aside/><audio/><audio/><audio><track src="track1">Fallback</audio><b/><b/><bdi/><bdi/><bdo dir="ltr"/><bdo dir="ltr"/><blockquote/><button/><canvas/><canvas/><cite/><cite/><code/><code/><del/><del/><details/><dfn/><dfn/><div/><dl><dd/><dd/><dt/><dt/></dl><dl/><em/><em/><embed><fieldset/><fieldset/><figure><figcaption/><figcaption/></figure><figure/><footer/><footer/><form/><h1/><h1/><h2/><h2/><h3/><h3/><h4/><h4/><h5/><h5/><h6/><h6/><header/><header/><hr><html><head><base><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="default-stype" content="foo"><meta http-equiv="refresh" content="1"><meta name="application-name" content="foo"><meta name="author" content="Blob"><meta name="description" content="Functional programming."><meta name="generator" content="foo"><meta name="keywords" content="math"><meta name="foo" content="bar"><meta property="foo" content="bar"><meta name="viewport" content="height=device-height"><script></script><script></script><script></script><style></style><style></style></head><body/></html><i/><i/><img src="data:image/svg+xml;base64,deadbeef" alt><ins/><ins/><kbd/><kbd/><label/><label/><main/><main/><mark/><mark/><meter value="1.0"/><meter value="2.0"/><nav/><nav/><object><param name="foo" value="bar"></object><ol><li/><li/></ol><ol/><optgroup><option>foo</option><option>foo</option></optgroup><optgroup/><output/><output/><p/><p/><pre/><pre/><q/><q/><s/><s/><samp/><samp/><script></script><script></script><script></script><section/><section/><select/><select/><small/><small/><span/><span/><strong/><strong/><sub/><sub/><sup/><sup/><svg></svg><svg></svg><table><caption/><caption/><colgroup><col></colgroup><colgroup/><tbody/><tbody/><tfoot/><tfoot/><thead/><thead/><tr><th/><th/><td/><td/></tr><tr/></table><textarea></textarea><time/><u/><u/><ul><li/><li/></ul><ul/><var/><var/><video/>
+<a>foo1</a><abbr></abbr><abbr></abbr><address></address><address></address><map name="foo2"><area></map><article></article><article></article><aside></aside><aside></aside><audio></audio><audio></audio><audio><track src="track1">Fallback</audio><b></b><b></b><bdi></bdi><bdi></bdi><bdo dir="ltr"></bdo><bdo dir="ltr"></bdo><blockquote></blockquote><button></button><canvas></canvas><canvas></canvas><cite></cite><cite></cite><code></code><code></code><del></del><del></del><details></details><dfn></dfn><dfn></dfn><div></div><dl><dd></dd><dd></dd><dt></dt><dt></dt></dl><dl></dl><em></em><em></em><embed><fieldset></fieldset><fieldset></fieldset><figure><figcaption></figcaption><figcaption></figcaption></figure><figure></figure><footer></footer><footer></footer><form></form><h1></h1><h1></h1><h2></h2><h2></h2><h3></h3><h3></h3><h4></h4><h4></h4><h5></h5><h5></h5><h6></h6><h6></h6><header></header><header></header><hr><html><head><base><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="default-stype" content="foo"><meta http-equiv="refresh" content="1"><meta name="application-name" content="foo"><meta name="author" content="Blob"><meta name="description" content="Functional programming."><meta name="generator" content="foo"><meta name="keywords" content="math"><meta name="foo" content="bar"><meta property="foo" content="bar"><meta name="viewport" content="height=device-height"><script></script><script></script><script></script><style></style><style></style></head><body></body></html><i></i><i></i><img src="data:image/svg+xml;base64,deadbeef" alt><ins></ins><ins></ins><kbd></kbd><kbd></kbd><label></label><label></label><main></main><main></main><mark></mark><mark></mark><meter value="1.0"></meter><meter value="2.0"></meter><nav></nav><nav></nav><object><param name="foo" value="bar"></object><ol><li></li><li></li></ol><ol></ol><optgroup><option>foo</option><option>foo</option></optgroup><optgroup></optgroup><output></output><output></output><p></p><p></p><pre></pre><pre></pre><q></q><q></q><s></s><s></s><samp></samp><samp></samp><script></script><script></script><script></script><section></section><section></section><select></select><select></select><small></small><small></small><span></span><span></span><strong></strong><strong></strong><sub></sub><sub></sub><sup></sup><sup></sup><svg></svg><svg></svg><table><caption></caption><caption></caption><colgroup><col></colgroup><colgroup></colgroup><tbody></tbody><tbody></tbody><tfoot></tfoot><tfoot></tfoot><thead></thead><thead></thead><tr><th></th><th></th><td></td><td></td></tr><tr></tr></table><textarea></textarea><time></time><u></u><u></u><ul><li></li><li></li></ul><ul></ul><var></var><var></var><video></video>
 """,
       render(doc)
     )
diff --git a/Tests/HtmlTests/EventsTests.swift b/Tests/HtmlTests/EventsTests.swift
index 7c99745..36c4409 100644
--- a/Tests/HtmlTests/EventsTests.swift
+++ b/Tests/HtmlTests/EventsTests.swift
@@ -180,7 +180,7 @@ final class EventsTests: XCTestCase {
 
     XCTAssertEqual(
       """
-<audio onabort="alert('Abort');" onabort="alert('Abort');" oncanplay="alert();" oncanplay="alert();" oncanplaythrough="alert();" oncanplaythrough="alert();" ondurationchange="alert();" ondurationchange="alert();" onemptied="alert();" onemptied="alert();" onended="alert();" onended="alert();" onerror="alert();" onerror="alert();" onloadeddata="alert();" onloadeddata="alert();" onloadedmetadata="alert();" onloadedmetadata="alert();" onloadstart="alert();" onloadstart="alert();" onpause="alert();" onpause="alert();" onplay="alert();" onplay="alert();" onplaying="alert();" onplaying="alert();" onseeked="alert();" onseeked="alert();" onseeking="alert();" onseeking="alert();" onstalled="alert();" onstalled="alert();" onprogress="alert();" onprogress="alert();" onratechange="alert();" onratechange="alert();" onsuspend="alert();" onsuspend="alert();" ontimeupdate="alert();" ontimeupdate="alert();" onvolumechange="alert();" onvolumechange="alert();" onwaiting="alert();" onwaiting="alert();"><track src="track" oncuechange="alert();" oncuechange="alert();"></audio><details ontoggle="alert();" ontoggle="alert();"/><div onblur="alert();" onblur="alert();" onclick="alert();" onclick="alert();" oncontextmenu="alert();" oncontextmenu="alert();" oncopy="alert();" oncopy="alert();" oncut="alert();" oncut="alert();" ondblclick="alert();" ondblclick="alert();" ondrag="alert();" ondrag="alert();" ondragend="alert();" ondragend="alert();" ondragenter="alert();" ondragenter="alert();" ondragover="alert();" ondragover="alert();" ondragstart="alert();" ondragstart="alert();" ondrop="alert();" ondrop="alert();" onfocus="alert();" onfocus="alert();" onkeyup="alert();" onkeydown="alert();" onkeypress="alert();" onkeypress="alert();" onkeyup="alert();" onkeyup="alert();" onmousedown="alert();" onmousedown="alert();" onmousemove="alert();" onmousemove="alert();" onmouseout="alert();" onmouseout="alert();" onmouseover="alert();" onmouseover="alert();" onmouseup="alert();" onmouseup="alert();" onpaste="alert();" onpaste="alert();" onscroll="alert();" onscroll="alert();" onwheel="alert();" onwheel="alert();"/><form onreset="alert();" onreset="alert();" onsubmit="alert();" onsubmit="alert();"/><html><body onafterprint="alert();" onafterprint="alert();" onbeforeprint="alert();" onbeforeprint="alert();" onbeforeunload="alert();" onbeforeunload="alert();" onhashchange="alert();" onhashchange="alert();" onload="alert();" onload="alert();" onmessage="alert();" onmessage="alert();" onoffline="alert();" onoffline="alert();" ononline="alert();" ononline="alert();" onpagehide="alert();" onpagehide="alert();" onpageshow="alert();" onpageshow="alert();" onpopstate="alert();" onpopstate="alert();" onresize="alert();" onresize="alert();" onstorage="alert();" onstorage="alert();" onunload="alert();" onunload="alert();"/></html><input onchange="alert();" onchange="alert();" oninput="alert();" oninput="alert();" oninvalid="alert();" oninvalid="alert();" onsearch="alert();" onsearch="alert();" onselect="alert();" onselect="alert();">
+<audio onabort="alert('Abort');" onabort="alert('Abort');" oncanplay="alert();" oncanplay="alert();" oncanplaythrough="alert();" oncanplaythrough="alert();" ondurationchange="alert();" ondurationchange="alert();" onemptied="alert();" onemptied="alert();" onended="alert();" onended="alert();" onerror="alert();" onerror="alert();" onloadeddata="alert();" onloadeddata="alert();" onloadedmetadata="alert();" onloadedmetadata="alert();" onloadstart="alert();" onloadstart="alert();" onpause="alert();" onpause="alert();" onplay="alert();" onplay="alert();" onplaying="alert();" onplaying="alert();" onseeked="alert();" onseeked="alert();" onseeking="alert();" onseeking="alert();" onstalled="alert();" onstalled="alert();" onprogress="alert();" onprogress="alert();" onratechange="alert();" onratechange="alert();" onsuspend="alert();" onsuspend="alert();" ontimeupdate="alert();" ontimeupdate="alert();" onvolumechange="alert();" onvolumechange="alert();" onwaiting="alert();" onwaiting="alert();"><track src="track" oncuechange="alert();" oncuechange="alert();"></audio><details ontoggle="alert();" ontoggle="alert();"></details><div onblur="alert();" onblur="alert();" onclick="alert();" onclick="alert();" oncontextmenu="alert();" oncontextmenu="alert();" oncopy="alert();" oncopy="alert();" oncut="alert();" oncut="alert();" ondblclick="alert();" ondblclick="alert();" ondrag="alert();" ondrag="alert();" ondragend="alert();" ondragend="alert();" ondragenter="alert();" ondragenter="alert();" ondragover="alert();" ondragover="alert();" ondragstart="alert();" ondragstart="alert();" ondrop="alert();" ondrop="alert();" onfocus="alert();" onfocus="alert();" onkeyup="alert();" onkeydown="alert();" onkeypress="alert();" onkeypress="alert();" onkeyup="alert();" onkeyup="alert();" onmousedown="alert();" onmousedown="alert();" onmousemove="alert();" onmousemove="alert();" onmouseout="alert();" onmouseout="alert();" onmouseover="alert();" onmouseover="alert();" onmouseup="alert();" onmouseup="alert();" onpaste="alert();" onpaste="alert();" onscroll="alert();" onscroll="alert();" onwheel="alert();" onwheel="alert();"></div><form onreset="alert();" onreset="alert();" onsubmit="alert();" onsubmit="alert();"></form><html><body onafterprint="alert();" onafterprint="alert();" onbeforeprint="alert();" onbeforeprint="alert();" onbeforeunload="alert();" onbeforeunload="alert();" onhashchange="alert();" onhashchange="alert();" onload="alert();" onload="alert();" onmessage="alert();" onmessage="alert();" onoffline="alert();" onoffline="alert();" ononline="alert();" ononline="alert();" onpagehide="alert();" onpagehide="alert();" onpageshow="alert();" onpageshow="alert();" onpopstate="alert();" onpopstate="alert();" onresize="alert();" onresize="alert();" onstorage="alert();" onstorage="alert();" onunload="alert();" onunload="alert();"></body></html><input onchange="alert();" onchange="alert();" oninput="alert();" oninput="alert();" oninvalid="alert();" oninvalid="alert();" onsearch="alert();" onsearch="alert();" onselect="alert();" onselect="alert();">
 """,
       render(doc)
     )