Adds a number of HTML elements

Instead of being mapped to HTMLUnknownElement, these will all be mapped to the
correct type. This is important for many WPT tests. But it's not impossible that
some script checks `if (x instanceof HTMLBaseElement)` and, without this, that
would error since HTMLBaseElement wouldn't be defined.

src/browser/Page.zig

@@ -1364,6 +1364,12 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "i", .{}) catch unreachable, ._tag = .i },
                     ),
+                    'q' => return self.createHtmlElementT(
+                        Element.Html.Quote,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "q", .{}) catch unreachable, ._tag = .unknown },
+                    ),
                     's' => return self.createHtmlElementT(
                         Element.Html.Generic,
                         namespace,
@@ -1464,22 +1470,22 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "dt", .{}) catch unreachable, ._tag = .dt },
                     ),
                     asUint("td") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableCell,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "td", .{}) catch unreachable, ._tag = .td },
                     ),
                     asUint("th") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableCell,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "th", .{}) catch unreachable, ._tag = .th },
                     ),
                     asUint("tr") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableRow,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "tr", .{}) catch unreachable, ._tag = .tr },
+                        .{ ._proto = undefined },
                     ),
                     else => {},
                 },
@@ -1503,17 +1509,41 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "nav", .{}) catch unreachable, ._tag = .nav },
                     ),
                     asUint("del") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Mod,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "del", .{}) catch unreachable, ._tag = .del },
                     ),
                     asUint("ins") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Mod,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "ins", .{}) catch unreachable, ._tag = .ins },
                     ),
+                    asUint("col") => return self.createHtmlElementT(
+                        Element.Html.TableCol,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "col", .{}) catch unreachable, ._tag = .unknown },
+                    ),
+                    asUint("dir") => return self.createHtmlElementT(
+                        Element.Html.Directory,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("map") => return self.createHtmlElementT(
+                        Element.Html.Map,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("pre") => return self.createHtmlElementT(
+                        Element.Html.Pre,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
                     asUint("sub") => return self.createHtmlElementT(
                         Element.Html.Generic,
                         namespace,
@@ -1536,10 +1566,10 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                 },
                 4 => switch (@as(u32, @bitCast(name[0..4].*))) {
                     asUint("span") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Span,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "span", .{}) catch unreachable, ._tag = .span },
+                        .{ ._proto = undefined },
                     ),
                     asUint("meta") => return self.createHtmlElementT(
                         Element.Html.Meta,
@@ -1597,10 +1627,10 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                     ),
                     asUint("base") => {
                         const n = try self.createHtmlElementT(
-                            Element.Html.Generic,
+                            Element.Html.Base,
                             namespace,
                             attribute_iterator,
-                            .{ ._proto = undefined, ._tag_name = String.init(undefined, "base", .{}) catch unreachable, ._tag = .base },
+                            .{ ._proto = undefined },
                         );
 
                         // If page's base url is not already set, fill it with the base
@@ -1620,10 +1650,16 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "menu", .{}) catch unreachable, ._tag = .menu },
                     ),
                     asUint("area") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Area,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "area", .{}) catch unreachable, ._tag = .area },
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("font") => return self.createHtmlElementT(
+                        Element.Html.Font,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
                     ),
                     asUint("code") => return self.createHtmlElementT(
                         Element.Html.Generic,
@@ -1632,10 +1668,10 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "code", .{}) catch unreachable, ._tag = .code },
                     ),
                     asUint("time") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Time,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "time", .{}) catch unreachable, ._tag = .time },
+                        .{ ._proto = undefined },
                     ),
                     else => {},
                 },
@@ -1680,36 +1716,54 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "aside", .{}) catch unreachable, ._tag = .aside },
                     ),
-                    asUint("meter") => return self.createHtmlElementT(
+                    asUint("label") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Label,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "meter", .{}) catch unreachable, ._tag = .meter },
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("meter") => return self.createHtmlElementT(
+                        Element.Html.Meter,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("param") => return self.createHtmlElementT(
+                        Element.Html.Param,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
                     ),
                     asUint("table") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Table,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "table", .{}) catch unreachable, ._tag = .table },
+                        .{ ._proto = undefined },
                     ),
                     asUint("thead") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableSection,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "thead", .{}) catch unreachable, ._tag = .thead },
                     ),
                     asUint("tbody") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableSection,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "tbody", .{}) catch unreachable, ._tag = .tbody },
                     ),
                     asUint("tfoot") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableSection,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "tfoot", .{}) catch unreachable, ._tag = .tfoot },
                     ),
+                    asUint("track") => return self.createHtmlElementT(
+                        Element.Html.Track,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
                     else => {},
                 },
                 6 => switch (@as(u48, @bitCast(name[0..6].*))) {
@@ -1737,6 +1791,30 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         attribute_iterator,
                         .{ ._proto = undefined },
                     ),
+                    asUint("legend") => return self.createHtmlElementT(
+                        Element.Html.Legend,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("object") => return self.createHtmlElementT(
+                        Element.Html.Object,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("output") => return self.createHtmlElementT(
+                        Element.Html.Output,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
+                    asUint("source") => return self.createHtmlElementT(
+                        Element.Html.Source,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
+                    ),
                     asUint("strong") => return self.createHtmlElementT(
                         Element.Html.Generic,
                         namespace,
@@ -1813,10 +1891,10 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "summary", .{}) catch unreachable, ._tag = .summary },
                     ),
                     asUint("caption") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableCaption,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "caption", .{}) catch unreachable, ._tag = .caption },
+                        .{ ._proto = undefined },
                     ),
                     asUint("marquee") => return self.createHtmlElementT(
                         Element.Html.Generic,
@@ -1845,35 +1923,41 @@ pub fn createElementNS(self: *Page, namespace: Element.Namespace, name: []const
                         attribute_iterator,
                         .{ ._proto = undefined, ._content = undefined },
                     ),
-                    asUint("fieldset") => return self.createHtmlElementT(
+                    asUint("colgroup") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.TableCol,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "fieldset", .{}) catch unreachable, ._tag = .fieldset },
+                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "colgroup", .{}) catch unreachable, ._tag = .unknown },
+                    ),
+                    asUint("fieldset") => return self.createHtmlElementT(
+                        Element.Html.FieldSet,
+                        namespace,
+                        attribute_iterator,
+                        .{ ._proto = undefined },
                     ),
                     asUint("optgroup") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.OptGroup,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "optgroup", .{}) catch unreachable, ._tag = .optgroup },
+                        .{ ._proto = undefined },
                     ),
                     asUint("progress") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Progress,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "progress", .{}) catch unreachable, ._tag = .progress },
+                        .{ ._proto = undefined },
                     ),
                     asUint("datalist") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.DataList,
                         namespace,
                         attribute_iterator,
-                        .{ ._proto = undefined, ._tag_name = String.init(undefined, "datalist", .{}) catch unreachable, ._tag = .datalist },
+                        .{ ._proto = undefined },
                     ),
                     else => {},
                 },
                 10 => switch (@as(u80, @bitCast(name[0..10].*))) {
                     asUint("blockquote") => return self.createHtmlElementT(
-                        Element.Html.Generic,
+                        Element.Html.Quote,
                         namespace,
                         attribute_iterator,
                         .{ ._proto = undefined, ._tag_name = String.init(undefined, "blockquote", .{}) catch unreachable, ._tag = .blockquote },

src/browser/js/bridge.zig

@@ -529,16 +529,22 @@ pub const JsApis = flattenTypes(&.{
     @import("../webapi/element/Html.zig"),
     @import("../webapi/element/html/IFrame.zig"),
     @import("../webapi/element/html/Anchor.zig"),
+    @import("../webapi/element/html/Area.zig"),
     @import("../webapi/element/html/Audio.zig"),
+    @import("../webapi/element/html/Base.zig"),
     @import("../webapi/element/html/Body.zig"),
     @import("../webapi/element/html/BR.zig"),
     @import("../webapi/element/html/Button.zig"),
     @import("../webapi/element/html/Canvas.zig"),
     @import("../webapi/element/html/Custom.zig"),
     @import("../webapi/element/html/Data.zig"),
+    @import("../webapi/element/html/DataList.zig"),
     @import("../webapi/element/html/Dialog.zig"),
+    @import("../webapi/element/html/Directory.zig"),
     @import("../webapi/element/html/Div.zig"),
     @import("../webapi/element/html/Embed.zig"),
+    @import("../webapi/element/html/FieldSet.zig"),
+    @import("../webapi/element/html/Font.zig"),
     @import("../webapi/element/html/Form.zig"),
     @import("../webapi/element/html/Generic.zig"),
     @import("../webapi/element/html/Head.zig"),
@@ -547,21 +553,42 @@ pub const JsApis = flattenTypes(&.{
     @import("../webapi/element/html/Html.zig"),
     @import("../webapi/element/html/Image.zig"),
     @import("../webapi/element/html/Input.zig"),
+    @import("../webapi/element/html/Label.zig"),
+    @import("../webapi/element/html/Legend.zig"),
     @import("../webapi/element/html/LI.zig"),
     @import("../webapi/element/html/Link.zig"),
+    @import("../webapi/element/html/Map.zig"),
     @import("../webapi/element/html/Media.zig"),
     @import("../webapi/element/html/Meta.zig"),
+    @import("../webapi/element/html/Meter.zig"),
+    @import("../webapi/element/html/Mod.zig"),
+    @import("../webapi/element/html/Object.zig"),
     @import("../webapi/element/html/OL.zig"),
+    @import("../webapi/element/html/OptGroup.zig"),
     @import("../webapi/element/html/Option.zig"),
+    @import("../webapi/element/html/Output.zig"),
     @import("../webapi/element/html/Paragraph.zig"),
+    @import("../webapi/element/html/Param.zig"),
+    @import("../webapi/element/html/Pre.zig"),
+    @import("../webapi/element/html/Progress.zig"),
+    @import("../webapi/element/html/Quote.zig"),
     @import("../webapi/element/html/Script.zig"),
     @import("../webapi/element/html/Select.zig"),
     @import("../webapi/element/html/Slot.zig"),
+    @import("../webapi/element/html/Source.zig"),
     @import("../webapi/element/html/Span.zig"),
     @import("../webapi/element/html/Style.zig"),
+    @import("../webapi/element/html/Table.zig"),
+    @import("../webapi/element/html/TableCaption.zig"),
+    @import("../webapi/element/html/TableCell.zig"),
+    @import("../webapi/element/html/TableCol.zig"),
+    @import("../webapi/element/html/TableRow.zig"),
+    @import("../webapi/element/html/TableSection.zig"),
     @import("../webapi/element/html/Template.zig"),
     @import("../webapi/element/html/TextArea.zig"),
+    @import("../webapi/element/html/Time.zig"),
     @import("../webapi/element/html/Title.zig"),
+    @import("../webapi/element/html/Track.zig"),
     @import("../webapi/element/html/Video.zig"),
     @import("../webapi/element/html/UL.zig"),
     @import("../webapi/element/html/Unknown.zig"),

src/browser/webapi/Element.zig

@@ -191,15 +191,21 @@ pub fn getTagNameLower(self: *const Element) []const u8 {
             },
             else => return switch (he._type) {
                 .anchor => "a",
+                .area => "area",
+                .base => "base",
                 .body => "body",
                 .br => "br",
                 .button => "button",
                 .canvas => "canvas",
                 .custom => |e| e._tag_name.str(),
                 .data => "data",
+                .datalist => "datalist",
                 .dialog => "dialog",
+                .directory => "dir",
                 .div => "div",
                 .embed => "embed",
+                .fieldset => "fieldset",
+                .font => "font",
                 .form => "form",
                 .generic => |e| e._tag_name.str(),
                 .heading => |e| e._tag_name.str(),
@@ -209,25 +215,46 @@ pub fn getTagNameLower(self: *const Element) []const u8 {
                 .iframe => "iframe",
                 .img => "img",
                 .input => "input",
+                .label => "label",
+                .legend => "legend",
                 .li => "li",
                 .link => "link",
+                .map => "map",
                 .media => |m| switch (m._type) {
                     .audio => "audio",
                     .video => "video",
                     .generic => "media",
                 },
                 .meta => "meta",
+                .meter => "meter",
+                .mod => |e| e._tag_name.str(),
+                .object => "object",
                 .ol => "ol",
+                .optgroup => "optgroup",
                 .option => "option",
+                .output => "output",
                 .p => "p",
+                .param => "param",
+                .pre => "pre",
+                .progress => "progress",
+                .quote => |e| e._tag_name.str(),
                 .script => "script",
                 .select => "select",
                 .slot => "slot",
+                .source => "source",
                 .span => "span",
                 .style => "style",
+                .table => "table",
+                .table_caption => "caption",
+                .table_cell => |e| e._tag_name.str(),
+                .table_col => |e| e._tag_name.str(),
+                .table_row => "tr",
+                .table_section => |e| e._tag_name.str(),
                 .template => "template",
                 .textarea => "textarea",
+                .time => "time",
                 .title => "title",
+                .track => "track",
                 .ul => "ul",
                 .unknown => |e| e._tag_name.str(),
             },
@@ -240,15 +267,21 @@ pub fn getTagNameSpec(self: *const Element, buf: []u8) []const u8 {
     return switch (self._type) {
         .html => |he| switch (he._type) {
             .anchor => "A",
+            .area => "AREA",
+            .base => "BASE",
             .body => "BODY",
             .br => "BR",
             .button => "BUTTON",
             .canvas => "CANVAS",
             .custom => |e| upperTagName(&e._tag_name, buf),
             .data => "DATA",
+            .datalist => "DATALIST",
             .dialog => "DIALOG",
+            .directory => "DIR",
             .div => "DIV",
             .embed => "EMBED",
+            .fieldset => "FIELDSET",
+            .font => "FONT",
             .form => "FORM",
             .generic => |e| upperTagName(&e._tag_name, buf),
             .heading => |e| upperTagName(&e._tag_name, buf),
@@ -258,25 +291,46 @@ pub fn getTagNameSpec(self: *const Element, buf: []u8) []const u8 {
             .iframe => "IFRAME",
             .img => "IMG",
             .input => "INPUT",
+            .label => "LABEL",
+            .legend => "LEGEND",
             .li => "LI",
             .link => "LINK",
+            .map => "MAP",
             .meta => "META",
             .media => |m| switch (m._type) {
                 .audio => "AUDIO",
                 .video => "VIDEO",
                 .generic => "MEDIA",
             },
+            .meter => "METER",
+            .mod => |e| upperTagName(&e._tag_name, buf),
+            .object => "OBJECT",
             .ol => "OL",
+            .optgroup => "OPTGROUP",
             .option => "OPTION",
+            .output => "OUTPUT",
             .p => "P",
+            .param => "PARAM",
+            .pre => "PRE",
+            .progress => "PROGRESS",
+            .quote => |e| upperTagName(&e._tag_name, buf),
             .script => "SCRIPT",
             .select => "SELECT",
             .slot => "SLOT",
+            .source => "SOURCE",
             .span => "SPAN",
             .style => "STYLE",
+            .table => "TABLE",
+            .table_caption => "CAPTION",
+            .table_cell => |e| upperTagName(&e._tag_name, buf),
+            .table_col => |e| upperTagName(&e._tag_name, buf),
+            .table_row => "TR",
+            .table_section => |e| upperTagName(&e._tag_name, buf),
             .template => "TEMPLATE",
             .textarea => "TEXTAREA",
+            .time => "TIME",
             .title => "TITLE",
+            .track => "TRACK",
             .ul => "UL",
             .unknown => |e| switch (self._namespace) {
                 .html => upperTagName(&e._tag_name, buf),
@@ -1074,35 +1128,62 @@ pub fn getTag(self: *const Element) Tag {
     return switch (self._type) {
         .html => |he| switch (he._type) {
             .anchor => .anchor,
+            .area => .area,
+            .base => .base,
             .div => .div,
             .embed => .embed,
             .form => .form,
             .p => .p,
             .custom => .custom,
             .data => .data,
+            .datalist => .datalist,
             .dialog => .dialog,
+            .directory => .unknown,
             .iframe => .iframe,
             .img => .img,
             .br => .br,
             .button => .button,
             .canvas => .canvas,
+            .fieldset => .fieldset,
+            .font => .unknown,
             .heading => |h| h._tag,
+            .label => .unknown,
+            .legend => .unknown,
             .li => .li,
+            .map => .unknown,
             .ul => .ul,
             .ol => .ol,
+            .object => .unknown,
+            .optgroup => .optgroup,
+            .output => .unknown,
+            .param => .unknown,
+            .pre => .unknown,
             .generic => |g| g._tag,
             .media => |m| switch (m._type) {
                 .audio => .audio,
                 .video => .video,
                 .generic => .media,
             },
+            .meter => .meter,
+            .mod => |m| m._tag,
+            .progress => .progress,
+            .quote => |q| q._tag,
             .script => .script,
             .select => .select,
             .slot => .slot,
+            .source => .unknown,
             .span => .span,
             .option => .option,
+            .table => .table,
+            .table_caption => .caption,
+            .table_cell => |tc| tc._tag,
+            .table_col => |tc| tc._tag,
+            .table_row => .tr,
+            .table_section => |ts| ts._tag,
             .template => .template,
             .textarea => .textarea,
+            .time => .time,
+            .track => .unknown,
             .input => .input,
             .link => .link,
             .meta => .meta,

src/browser/webapi/css/CSSStyleDeclaration.zig

@@ -217,8 +217,8 @@ fn getDefaultDisplay(element: *const Element) []const u8 {
     switch (element._type) {
         .html => |html| {
             return switch (html._type) {
-                .anchor, .br, .span => "inline",
+                .anchor, .br, .span, .label, .time, .font, .mod, .quote => "inline",
-                .body, .div, .p, .heading, .form, .button, .canvas, .dialog, .embed, .head, .html, .hr, .iframe, .img, .input, .li, .link, .meta, .ol, .option, .script, .select, .slot, .style, .template, .textarea, .title, .ul, .media => "block",
+                .body, .div, .p, .heading, .form, .button, .canvas, .dialog, .embed, .head, .html, .hr, .iframe, .img, .input, .li, .link, .meta, .ol, .option, .script, .select, .slot, .style, .template, .textarea, .title, .ul, .media, .area, .base, .datalist, .directory, .fieldset, .legend, .map, .meter, .object, .optgroup, .output, .param, .pre, .progress, .source, .table, .table_caption, .table_cell, .table_col, .table_row, .table_section, .track => "block",
                 .generic, .custom, .unknown, .data => blk: {
                     const tag = element.getTagNameLower();
                     if (isInlineTag(tag)) break :blk "inline";

src/browser/webapi/element/Html.zig

@@ -25,15 +25,21 @@ const Node = @import("../Node.zig");
 const Element = @import("../Element.zig");
 
 pub const Anchor = @import("html/Anchor.zig");
+pub const Area = @import("html/Area.zig");
+pub const Base = @import("html/Base.zig");
 pub const Body = @import("html/Body.zig");
 pub const BR = @import("html/BR.zig");
 pub const Button = @import("html/Button.zig");
 pub const Canvas = @import("html/Canvas.zig");
 pub const Custom = @import("html/Custom.zig");
 pub const Data = @import("html/Data.zig");
+pub const DataList = @import("html/DataList.zig");
 pub const Dialog = @import("html/Dialog.zig");
+pub const Directory = @import("html/Directory.zig");
 pub const Div = @import("html/Div.zig");
 pub const Embed = @import("html/Embed.zig");
+pub const FieldSet = @import("html/FieldSet.zig");
+pub const Font = @import("html/Font.zig");
 pub const Form = @import("html/Form.zig");
 pub const Generic = @import("html/Generic.zig");
 pub const Head = @import("html/Head.zig");
@@ -43,21 +49,42 @@ pub const Html = @import("html/Html.zig");
 pub const IFrame = @import("html/IFrame.zig");
 pub const Image = @import("html/Image.zig");
 pub const Input = @import("html/Input.zig");
+pub const Label = @import("html/Label.zig");
+pub const Legend = @import("html/Legend.zig");
 pub const LI = @import("html/LI.zig");
 pub const Link = @import("html/Link.zig");
+pub const Map = @import("html/Map.zig");
 pub const Media = @import("html/Media.zig");
 pub const Meta = @import("html/Meta.zig");
+pub const Meter = @import("html/Meter.zig");
+pub const Mod = @import("html/Mod.zig");
+pub const Object = @import("html/Object.zig");
 pub const OL = @import("html/OL.zig");
+pub const OptGroup = @import("html/OptGroup.zig");
 pub const Option = @import("html/Option.zig");
+pub const Output = @import("html/Output.zig");
 pub const Paragraph = @import("html/Paragraph.zig");
+pub const Param = @import("html/Param.zig");
+pub const Pre = @import("html/Pre.zig");
+pub const Progress = @import("html/Progress.zig");
+pub const Quote = @import("html/Quote.zig");
 pub const Script = @import("html/Script.zig");
 pub const Select = @import("html/Select.zig");
 pub const Slot = @import("html/Slot.zig");
+pub const Source = @import("html/Source.zig");
 pub const Span = @import("html/Span.zig");
 pub const Style = @import("html/Style.zig");
+pub const Table = @import("html/Table.zig");
+pub const TableCaption = @import("html/TableCaption.zig");
+pub const TableCell = @import("html/TableCell.zig");
+pub const TableCol = @import("html/TableCol.zig");
+pub const TableRow = @import("html/TableRow.zig");
+pub const TableSection = @import("html/TableSection.zig");
 pub const Template = @import("html/Template.zig");
 pub const TextArea = @import("html/TextArea.zig");
+pub const Time = @import("html/Time.zig");
 pub const Title = @import("html/Title.zig");
+pub const Track = @import("html/Track.zig");
 pub const UL = @import("html/UL.zig");
 pub const Unknown = @import("html/Unknown.zig");
 
@@ -74,15 +101,21 @@ pub fn construct(page: *Page) !*Element {
 
 pub const Type = union(enum) {
     anchor: *Anchor,
+    area: *Area,
+    base: *Base,
     body: *Body,
     br: *BR,
     button: *Button,
     canvas: *Canvas,
     custom: *Custom,
     data: *Data,
+    datalist: *DataList,
     dialog: *Dialog,
+    directory: *Directory,
     div: *Div,
     embed: *Embed,
+    fieldset: *FieldSet,
+    font: *Font,
     form: *Form,
     generic: *Generic,
     heading: *Heading,
@@ -92,21 +125,42 @@ pub const Type = union(enum) {
     img: *Image,
     iframe: *IFrame,
     input: *Input,
+    label: *Label,
+    legend: *Legend,
     li: *LI,
     link: *Link,
+    map: *Map,
     media: *Media,
     meta: *Meta,
+    meter: *Meter,
+    mod: *Mod,
+    object: *Object,
     ol: *OL,
+    optgroup: *OptGroup,
     option: *Option,
+    output: *Output,
     p: *Paragraph,
+    param: *Param,
+    pre: *Pre,
+    progress: *Progress,
+    quote: *Quote,
     script: *Script,
     select: *Select,
     slot: *Slot,
+    source: *Source,
     span: *Span,
     style: *Style,
+    table: *Table,
+    table_caption: *TableCaption,
+    table_cell: *TableCell,
+    table_col: *TableCol,
+    table_row: *TableRow,
+    table_section: *TableSection,
     template: *Template,
     textarea: *TextArea,
+    time: *Time,
     title: *Title,
+    track: *Track,
     ul: *UL,
     unknown: *Unknown,
 };

src/browser/webapi/element/html/Area.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Area = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Area) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Area) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Area);
+
+    pub const Meta = struct {
+        pub const name = "HTMLAreaElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Base.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Base = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Base) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Base) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Base);
+
+    pub const Meta = struct {
+        pub const name = "HTMLBaseElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/DataList.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const DataList = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *DataList) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *DataList) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(DataList);
+
+    pub const Meta = struct {
+        pub const name = "HTMLDataListElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Directory.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Directory = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Directory) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Directory) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Directory);
+
+    pub const Meta = struct {
+        pub const name = "HTMLDirectoryElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/FieldSet.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const FieldSet = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *FieldSet) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *FieldSet) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(FieldSet);
+
+    pub const Meta = struct {
+        pub const name = "HTMLFieldSetElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Font.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Font = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Font) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Font) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Font);
+
+    pub const Meta = struct {
+        pub const name = "HTMLFontElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Label.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Label = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Label) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Label) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Label);
+
+    pub const Meta = struct {
+        pub const name = "HTMLLabelElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Legend.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Legend = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Legend) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Legend) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Legend);
+
+    pub const Meta = struct {
+        pub const name = "HTMLLegendElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Map.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Map = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Map) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Map) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Map);
+
+    pub const Meta = struct {
+        pub const name = "HTMLMapElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Meter.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Meter = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Meter) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Meter) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Meter);
+
+    pub const Meta = struct {
+        pub const name = "HTMLMeterElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Mod.zig

@@ -0,0 +1,28 @@
+const String = @import("../../../../string.zig").String;
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Mod = @This();
+
+_tag_name: String,
+_tag: Element.Tag,
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Mod) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Mod) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Mod);
+
+    pub const Meta = struct {
+        pub const name = "HTMLModElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Object.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Object = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Object) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Object) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Object);
+
+    pub const Meta = struct {
+        pub const name = "HTMLObjectElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/OptGroup.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const OptGroup = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *OptGroup) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *OptGroup) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(OptGroup);
+
+    pub const Meta = struct {
+        pub const name = "HTMLOptGroupElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Output.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Output = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Output) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Output) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Output);
+
+    pub const Meta = struct {
+        pub const name = "HTMLOutputElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Param.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Param = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Param) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Param) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Param);
+
+    pub const Meta = struct {
+        pub const name = "HTMLParamElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Pre.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Pre = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Pre) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Pre) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Pre);
+
+    pub const Meta = struct {
+        pub const name = "HTMLPreElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Progress.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Progress = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Progress) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Progress) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Progress);
+
+    pub const Meta = struct {
+        pub const name = "HTMLProgressElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Quote.zig

@@ -0,0 +1,28 @@
+const String = @import("../../../../string.zig").String;
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Quote = @This();
+
+_tag_name: String,
+_tag: Element.Tag,
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Quote) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Quote) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Quote);
+
+    pub const Meta = struct {
+        pub const name = "HTMLQuoteElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Source.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Source = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Source) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Source) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Source);
+
+    pub const Meta = struct {
+        pub const name = "HTMLSourceElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Table.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Table = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Table) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Table) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Table);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/TableCaption.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const TableCaption = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *TableCaption) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *TableCaption) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(TableCaption);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableCaptionElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/TableCell.zig

@@ -0,0 +1,28 @@
+const String = @import("../../../../string.zig").String;
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const TableCell = @This();
+
+_tag_name: String,
+_tag: Element.Tag,
+_proto: *HtmlElement,
+
+pub fn asElement(self: *TableCell) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *TableCell) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(TableCell);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableCellElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/TableCol.zig

@@ -0,0 +1,28 @@
+const String = @import("../../../../string.zig").String;
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const TableCol = @This();
+
+_tag_name: String,
+_tag: Element.Tag,
+_proto: *HtmlElement,
+
+pub fn asElement(self: *TableCol) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *TableCol) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(TableCol);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableColElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/TableRow.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const TableRow = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *TableRow) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *TableRow) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(TableRow);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableRowElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/TableSection.zig

@@ -0,0 +1,28 @@
+const String = @import("../../../../string.zig").String;
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const TableSection = @This();
+
+_tag_name: String,
+_tag: Element.Tag,
+_proto: *HtmlElement,
+
+pub fn asElement(self: *TableSection) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *TableSection) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(TableSection);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTableSectionElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Time.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Time = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Time) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Time) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Time);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTimeElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};

src/browser/webapi/element/html/Track.zig

@@ -0,0 +1,25 @@
+const js = @import("../../../js/js.zig");
+const Node = @import("../../Node.zig");
+const Element = @import("../../Element.zig");
+const HtmlElement = @import("../Html.zig");
+
+const Track = @This();
+
+_proto: *HtmlElement,
+
+pub fn asElement(self: *Track) *Element {
+    return self._proto._proto;
+}
+pub fn asNode(self: *Track) *Node {
+    return self.asElement().asNode();
+}
+
+pub const JsApi = struct {
+    pub const bridge = js.Bridge(Track);
+
+    pub const Meta = struct {
+        pub const name = "HTMLTrackElement";
+        pub const prototype_chain = bridge.prototypeChain();
+        pub var class_id: bridge.ClassId = undefined;
+    };
+};