@@ -137,9 +137,10 @@ For more complete examples, see [the examples directory](examples/). 
 ### What's up with the specially named elements and attributes?
 
-Unfortunately, there are three main name clashes in HTML elements and attributes, so they need an `El` or `Attr` suffix,
+Unfortunately, there are four main name clashes in HTML elements and attributes, so they need an `El` or `Attr` suffix,
 respectively, to be able to co-exist in the same package in Go:
 
+- `data` (`DataEl`/`DataAttr`)
 - `form` (`FormEl`/`FormAttr`)
 - `style` (`StyleEl`/`StyleAttr`)
 - `title` (`TitleEl`/`TitleAttr`)

@@ -81,6 +81,11 @@ func Content(v string) g.Node { 	return g.Attr("content", v)
 }
 
+// DataAttr attributes automatically have their name prefixed with "data-".
+func DataAttr(name, v string) g.Node {
+	return g.Attr("data-"+name, v)
+}
+
 func For(v string) g.Node {
 	return g.Attr("for", v)
 }

@@ -83,3 +83,10 @@ n := Aria("selected", "true") 		assert.Equal(t, ` aria-selected="true"`, n)
 	})
 }
+
+func TestDataAttr(t *testing.T) {
+	t.Run("returns an attribute which name is prefixed with data-", func(t *testing.T) {
+		n := DataAttr("id", "partyhat")
+		assert.Equal(t, ` data-id="partyhat"`, n)
+	})
+}

@@ -83,7 +83,7 @@ func ColGroup(children ...g.Node) g.NodeFunc { 	return g.El("colgroup", children...)
 }
 
-func Data(children ...g.Node) g.NodeFunc {
+func DataEl(children ...g.Node) g.NodeFunc {
 	return g.El("data", children...)
 }
 

@@ -41,7 +41,7 @@ "canvas":     Canvas, 		"cite":       Cite,
 		"code":       Code,
 		"colgroup":   ColGroup,
-		"data":       Data,
+		"data":       DataEl,
 		"datalist":   DataList,
 		"details":    Details,
 		"dialog":     Dialog,