<!doctype html67>

The kitchen sink.

The official HTML standard calls itself a kitchen sink — everything but the kitchen sink, the basin where all of it ends up. And the picture it draws of itself is exactly that: a sink, plumbed into the web.

Graphic 1 — the kitchen sink (HTML5, the specification)

              ┌────────────────────────────────────────┐
              │  CSS    SVG    MathML   ServiceWorkers  │   built on top
              └────────────────────────────────────────┘
   ┌───────┐  ┌────────────────────────────────────────┐
   │ IDB   │  │                                        │
   │ Fetch │  │             THE  SINK                  │   ← HTML
   │ CSP   │  │         "this specification"           │
   │ PNG   │  │                                        │
   │ Opus  │  │                                        │
   │ AV1   │  │                                        │
   └───────┘  └────────────────────────────────────────┘
    tools     ┌────────────────────────────────────────┐
   alongside  │ HTTP  TLS  DOM  Unicode  WebIDL         │   the plumbing
              │ MIME  URL  XML  JavaScript  Encoding    │   it stands on
              └────────────────────────────────────────┘

The sink is plumbed into HTTP, URL, MIME, the DOM. The soap and sponges on the side — PNG, Opus, AV1, Fetch — are the tools you reach for. And then you also wash CSS, SVG and MathML in the same basin. One sink, for everything. It's honest. It's even funny. And it's the whole problem.

A living standard still needs tending

You can do anything in this sink — that's the point, and the catch. It's called a living standard, but living things don't stay alive on their own. A bathroom doesn't stay clean because it's alive. It stays clean because someone tends it. And lately, no one has. The pressure comes from all three sides at once — and the basin fills with everything that doesn't fit.

Graphic 2 — real life HTML5

      we now build ▸  documents · apps · layouts · interfaces
                          (far more than the basin was meant to hold)
                                       ▲
   sink-embeds ◂ <model-viewer> ◂ threejs ◂ iframes ◂ video-players
        ╲          ╲           │           ╱          ╱
              ┌────────────────────────────────────────┐
              │  CSS    SVG    MathML   ServiceWorkers  │   still on top
              └────────────────────────────────────────┘
   ┌───────┐  ┌────────────────────────────────────────┐
   │ IDB   │  │  🗑 tailwind   🗑 bootstrap   🗑 jQuery   │ ──cdn #7
   │ Fetch │  │  🗑 react   🗑 vue   🗑 the 14th frmwrk  │ ──polyfill
   │ CSP   │  │  💩 widgets   💩 utility-class soup      │ ──shim
   │ PNG   │  │  🗑 dep  🗑 dep  🗑 dep   ☠ css won't    │ ──cdn #1
   │ Opus  │  │       ~ ~ ~  grey water  ~ ~ ~ ~ ~      │
   │ AV1   │  │             THE  SINK  (clogged)        │ ← HTML
   └───────┘  └────────────────────────────────────────┘
    tools     ┌────────────────────────────────────────┐
   alongside  │ HTTP  TLS  DOM  Unicode  WebIDL         │   the plumbing
   + webasm   │ MIME  URL  XML  JavaScript  Encoding    │   (ground shifting)
              └────────────────────────────────────────┘

From below, new plumbing arrives — WebAssembly changes what the basin even sits on. From the side, new materials pile up — video, 3D, interactive media with no real home in the markup, so we bolt them onto the rim. From above, we ask it to do far more than show a document. And so the basin fills with what doesn't fit: utility classes, widgets, a dozen CDNs that all do the same thing, framework after framework re-solving the same problem. The one line that held it together — the clean separation of meaning, structure, and design — is no longer a standard anyone agrees on. The sink still works. But the water's gone grey.

So we're upgrading the sink

We're not here to tear it out. HTML is a living standard, and we want to keep it that way — without letting it sprawl. We respect the ideas underneath and give them room to breathe again. Everything that used to balance on the rim moves inside, as native elements. Every filetype gets a home.

Graphic 3 — HTML6

        ┌──────────────────────────────────────────────────┐
        │  CSS   SVG   MathML   ServiceWorkers              │
        │  + Markdown  + Webapps  + Documents  + Editors    │   built on top
        └──────────────────────────────────────────────────┘
   ┌────────┐  ┌──────────────────────────────────────────────────┐
   │ IDB    │  │                                                  │
   │ Fetch  │  │                                                  │
   │ CSP    │  │                                                  │
   │ PNG    │  │              A  CLEANER  BASIN                   │  ← HTML6
   │ Opus   │  │          meaning · structure · design            │
   │ AV1    │  │                                                  │
   │ MP4    │  │                                                  │
   │ OBJ    │  │                                                  │
   │ GLB    │  │                                                  │
   │ ICS    │  │                                                  │
   │ PDF    │  │                                                  │
   │ WEBP   │  │                                                  │
   └────────┘  └──────────────────────────────────────────────────┘
   tools +     ┌──────────────────────────────────────────────────┐
   filetypes,  │ HTTP  TLS  DOM  Unicode  WebIDL                   │  the plumbing
   now native  │ MIME  URL  XML  JavaScript  Encoding  + WebAssembly│  it stands on
               └──────────────────────────────────────────────────┘

The basin is empty again — clean ceramic. CSS, SVG, MathML and ServiceWorkers still sit on top, now joined by Markdown, web-apps, documents and editors: everything the modern web is actually used for. The filetypes that used to be bolted on from outside — MP4, OBJ, GLB, ICS, PDF, WEBP — are native tools on the side, no embed, no third-party player. And WebAssembly joins the plumbing at the bottom, because the foundation moved and now the basin sits on it on purpose. 122 elements, 0 build steps.

HTML7 — connect it to the water

Here's the thing almost everyone forgets about the kitchen sink: the most beautiful basin is useless until someone connects it to the water. HTML7 is the line going down — to law, to region, to the living world the page lives in. Same basin as HTML6, now plumbed in.

Graphic 4 — HTML7

        ┌──────────────────────────────────────────────────┐
        │  CSS   SVG   MathML   ServiceWorkers              │
        │  + GlyphMarkdown  + Webapps  + Documents + Editors │   built on top
        └──────────────────────────────────────────────────┘
   ┌────────┐  ┌──────────────────────────────────────────────────┐
   │ IDB    │  │                                                  │
   │ Fetch  │  │                                                  │
   │ CSP    │  │                                                  │
   │ PNG    │  │              THE  LIVING  BASIN                  │  ← HTML7
   │ Opus   │  │          meaning · structure · design            │
   │ AV1    │  │       + <norm> <cite> <unit> <license>           │
   │ MP4    │  │                                                  │
   │ OBJ    │  │                                                  │
   │ GLB    │  │                                                  │
   │ ICS    │  │                                                  │
   │ PDF    │  │                                                  │
   │ WEBP   │  │                                                  │
   └────────┘  └─────┬─┬────────────┬─┬──────────────────┬─┬──────┘
   tools +           │ │            │ │                  │ │
   filetypes,        │ │            │ │                  │ │
   now native       (   )─(⏱)      (   )─(⏱)            (   )─(⏱)
                   analytics      legal               legal
                   + OpenGraph    regulatories        standards (in)
        ┌────────────┴─┴────────────┴─┴──────────────────┴─┴──────┐
        │  Law · Rights · Invoices · Bathrooms · Local Adapters    │
        │  DSGVO · SEPA · BGB · currency · OpenGraph · SEO · meta   │  the water main
        └──────────────────────────────────────────────────────────┘
             the community · the city · the state · the EU

The basin is the same one from HTML6 — identical ceramic. What changes is that it's finally connected. The pipes running down carry the things a page owes to the world it lives in: one valve meters analytics and OpenGraph, one legal regulatories, one is the intake for legal standards — and the timers (⏱) are the joke with a true core: law changes, deadlines run, mandates expire, SEO and meta drift. The legal components keep the water clean and check that every adapter for your region is connected and current. <consent> knows the DSGVO, <sepa-mandate> the SEPA rulebook, <norm> resolves § 433 BGB or Art. 6 DSGVO to your jurisdiction. The water main below — DSGVO, SEPA, BGB, currency, OpenGraph, SEO, meta — is the city it taps into. One basin anyone can install. Water only an HTML7 region adapter can turn on.

HTML67 is part of Project Wilhelm.

A standard is only the first stone — and this is just the beginning. See Performance for the numbers and the Roadmap to 2030.

Dig deeper via the sidebar: HTML6, HTML7, GlyphMarkdown, Design-DNA.

How it compares

	HTML + CSS · 2000s	HTML5 · average today	HTML67
Typical build	hand-written HTML, one CSS file	framework + bundler + utility CSS + component libs	native elements, no build
Total page weight	~50–200 KB	~2–5 MB	~150–400 KB
Loading time	~1–3 s (slow line)	3–10 s	< 1 s
External servers / origins	0–1 (just your own)	8–20+ (CDNs, fonts, analytics, embeds, ads)	1 (your own)
CDNs / third parties	none, or one for jQuery later	5–150	none
HTTP requests	5–15	70–150+	1–10
Legal (DSGVO · DMA · accessibility)	no	no	yes — built in
Renders without server / network	yes	rarely (CDN-dependent)	yes
AI- & SEO-ready (machine-readable meaning)	no	no	yes
Universal standard (web · print · apps)	no	no	yes

Performance

Data centres are racing toward 950 TWh a year — near 3% of the world's electricity by 2030, growing more than four times faster than demand overall (IEA, Energy & AI 2025). And most of what they move isn't meaning. Around 70% of all web traffic now flows through CDNs — by some counts over 80%. Much of that is video, but for the pages, apps and documents people actually read, a large share of every transfer isn't content at all. It's scaffolding: framework code, duplicate libraries, dependencies, trackers — markup written to be rendered, not understood. HTML67 ships the meaning and drops the scaffolding. Here's what that saves.

–90%

energy & data waste

meaning, not scaffolding

A modern page ships ~3 MB to deliver ~20 KB of real meaning — the HTML is barely 1% of the download; the rest is frameworks, fonts and images. HTML67: ~200–400 KB.

Source: HTTP Archive / Web Almanac 2025 — median desktop page ~2.6 MB, ~180× heavier than the 90s; JS ~25% of weight.

–99%

HTTP requests

not 5–15 servers

A typical page fires 70–150+ requests across 10–20 origins — CDNs, fonts, trackers, embeds. HTML67: 1–10, from one server, zero CDNs in front.

Source: HTTP Archive / Web Almanac 2025 — median page ~70+ requests; 92% of sites load third-party scripts.

–75%

server computing power

self-hosted, zero third parties

Servers are ~60% of data-centre electricity; every framework re-render, duplicate dependency and third-party call adds load. Fewer bytes and no third parties means less to process.

Source: IEA Energy & AI 2025 — servers ~60% of data-centre power; data centres ~1.5% of global electricity, doubling to ~950 TWh by 2030.

–50%

AI tokens

compressed context, better indexing

A semantic <price> or <norm> says in one tag what class-soup takes twenty to imply — so a crawler indexes less and a model reads fewer tokens for the same meaning.

Source: IEA Energy & AI 2025/26 — a simple AI query draws ~10× a web search; per-page token savings measured vs. a typical framework + utility-CSS build.

Dig deeper via the sidebar: HTML6, HTML7, GlyphMarkdown, Design-DNA.

HTML6

UI & Presentation — the building blocks HTML never got natively

Cards, graphs, charts, metrics, native partials. Today each one is an npm package + build step. Here they are elements: one tag, no bundler.

live · Metrics & charts

<wl-chart type="area">

<wl-chart type="bar">

<wl-donut>

live · <wl-force-graph>

live · <wl-map threed>

offline · <wl-map pack="munich"> — Tile-Pack eingebacken, läuft ohne Netz

HTML6 also gathers the everyday building blocks by use case. Two topics live here; the law/science vocabularies (Law & licenses, File types) live under HTML7.

Digital sovereignty

Your own infrastructure instead of Big Tech embeds — self-hosted maps, media and files, without third-party trackers.

<geo><player><waveform><pdf><image-gallery><include><qr>

HTML7

Living Vocabularies — Law & Science

Each domain extends its vocabulary on the one foundation: a norm knows its paragraph, a unit does the math, a source builds its reference list, a license wraps every piece of content.

live · Law & Measure

Contract law:

Data protection:

Speed: · Energy:

Reference:

live · <wl-license> wraps every piece of content

HTML7 also gathers its building blocks by use case — two topics, each a set of native elements you drop in as plain tags.

Law, licenses & IP

Intellectual property, licenses and legal texts as ready-made building blocks — Creative Commons, sections, contracts, GDPR.

<license><norm><cite><bibliography><document><paper><legal-accept><consent><sepa-mandate><iban><price>

File types & viewers

One element per file type — 3D models, PDFs, gigapixel images, formulas, diagrams and code.

<model><deepzoom><pdf><image-gallery><player><katex><mermaid><shiki><lottie><glyph>

HTML7

Law as Code

Recht lebt heute in PDFs, CMS-Feldern und Anwalts-Postfächern — Kopien, die auseinanderlaufen. HTML7 legt es dahin, wo die Anwendung ohnehin lebt: ins Markup. Eine Norm ist ein Element, das seinen Wortlaut, seine amtliche Quelle und seine Zitierweise kennt. Ein Rechtsdokument erklärt pro Abschnitt, welche Pflicht ihn erzwingt. Und die Pflicht selbst läuft als UI. Alles auf dieser Seite ist live — klick es an.

live · <wl-norm> + Normen-Registry

Die Norm kennt sich selbst

Der Autor schreibt <wl-norm gesetz="DSGVO" para="17"> — Zitierweise, Wortlaut und amtlicher Link kommen aus der Registry (src/data/norm-registry.js), nicht aus Copy-Paste. Jede Zitierung trägt auf Wunsch schema.org/Legislation als JSON-LD im DOM.

Kaufrecht: · Löschung: · Cookies: · elektronische Form:

showcase · Art. 13 DSGVO

Ein echter Artikel, drei Schichten

Art. 13 DSGVO als HTML7-Dokument: amtlicher Wortlaut für Menschen, dieselbe DOM-Struktur (data-abs/data-lit, ELI, CELEX) für Maschinen — der Serializer baut daraus live JSON, ohne zweites Datenformat.

→ Zum Showcase: Art. 13 DSGVO live

live · <block-datenschutz>

Dokumente, die ihre Pflicht benennen

Diese Datenschutzerklärung ist entlang der Pflichten von gegliedert — jede Sektion nennt die Vorschrift, die sie erzwingt. Ein Prüfer sieht pro Abschnitt das Warum.

live · Pflicht als UI

Vom Paragraphen zur laufenden Oberfläche

Die Rechte aus und als funktionierendes Formular, die Einwilligung nach als granularer Consent — dieselben Komponenten, dieselbe Registry. Dazu signierbare Dokumente mit SHA-256-Siegel (<wl-document>) und SEPA-Mandate mit Mod-97-Prüfung, beide mit schema.org-Datensatz.

Alles Open Source, kein Build-Step, HTML5-Obermenge — Spec und Referenz: html67.org · GitHub ↗. Amtliche Normtexte sind gemeinfrei ().

HTML7

Ein Gesetzesartikel als HTML7-Dokument

Das hier ist keine Abschrift, sondern eine Quelle mit zwei Lesern: Menschen sehen den gerenderten Normtext mit klickbaren Querverweisen (<wl-norm> — Popup, amtliche Fassung, Zitat kopieren). Maschinen lesen dieselbe DOM-Struktur: Absätze und Buchstaben tragen data-abs/data-lit, der Artikel seinen ELI. Der Button „Maschinen-Sicht" serialisiert das Dokument live zu JSON — kein zweites Datenformat, kein Sync-Problem.

Verordnung (EU) 2016/679 — DSGVO

Artikel 13

Informationspflicht bei Erhebung von personenbezogenen Daten bei der betroffenen Person

Amtliche Fassung (EUR-Lex) ↗ dsgvo-gesetz.de ↗ ELI: data.europa.eu/eli/reg/2016/679/oj · CELEX 32016R0679

(1)

Werden personenbezogene Daten bei der betroffenen Person erhoben, so teilt der Verantwortliche der betroffenen Person zum Zeitpunkt der Erhebung dieser Daten Folgendes mit:

den Namen und die Kontaktdaten des Verantwortlichen sowie gegebenenfalls seines Vertreters;
gegebenenfalls die Kontaktdaten des Datenschutzbeauftragten;
die Zwecke, für die die personenbezogenen Daten verarbeitet werden sollen, sowie die Rechtsgrundlage für die Verarbeitung;
wenn die Verarbeitung auf Absatz 1 Buchstabe f beruht, die berechtigten Interessen, die von dem Verantwortlichen oder einem Dritten verfolgt werden;
gegebenenfalls die Empfänger oder Kategorien von Empfängern der personenbezogenen Daten und
gegebenenfalls die Absicht des Verantwortlichen, die personenbezogenen Daten an ein Drittland oder eine internationale Organisation zu übermitteln, sowie das Vorhandensein oder das Fehlen eines Angemessenheitsbeschlusses der Kommission oder im Falle von Übermittlungen gemäß oder oder Absatz 1 Unterabsatz 2 einen Verweis auf die geeigneten oder angemessenen Garantien und die Möglichkeit, wie eine Kopie von ihnen zu erhalten ist, oder wo sie verfügbar sind.

(2)

Zusätzlich zu den Informationen gemäß Absatz 1 stellt der Verantwortliche der betroffenen Person zum Zeitpunkt der Erhebung dieser Daten folgende weitere Informationen zur Verfügung, die notwendig sind, um eine faire und transparente Verarbeitung zu gewährleisten:

die Dauer, für die die personenbezogenen Daten gespeichert werden oder, falls dies nicht möglich ist, die Kriterien für die Festlegung dieser Dauer;
das Bestehen eines Rechts auf Auskunft seitens des Verantwortlichen über die betreffenden personenbezogenen Daten sowie auf Berichtigung oder Löschung oder auf Einschränkung der Verarbeitung oder eines Widerspruchsrechts gegen die Verarbeitung sowie des Rechts auf Datenübertragbarkeit;
wenn die Verarbeitung auf Absatz 1 Buchstabe a oder Absatz 2 Buchstabe a beruht, das Bestehen eines Rechts, die Einwilligung jederzeit zu widerrufen, ohne dass die Rechtmäßigkeit der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung berührt wird;
das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde;
ob die Bereitstellung der personenbezogenen Daten gesetzlich oder vertraglich vorgeschrieben oder für einen Vertragsabschluss erforderlich ist, ob die betroffene Person verpflichtet ist, die personenbezogenen Daten bereitzustellen, und welche mögliche Folgen die Nichtbereitstellung hätte und
das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Absätze 1 und 4 und – zumindest in diesen Fällen – aussagekräftige Informationen über die involvierte Logik sowie die Tragweite und die angestrebten Auswirkungen einer derartigen Verarbeitung für die betroffene Person.

(3)

Beabsichtigt der Verantwortliche, die personenbezogenen Daten für einen anderen Zweck weiterzuverarbeiten als den, für den die personenbezogenen Daten erhoben wurden, so stellt er der betroffenen Person vor dieser Weiterverarbeitung Informationen über diesen anderen Zweck und alle anderen maßgeblichen Informationen gemäß Absatz 2 zur Verfügung.

(4)

Die Absätze 1, 2 und 3 finden keine Anwendung, wenn und soweit die betroffene Person bereits über die Informationen verfügt.

Maschinen-Sicht

JSON kopieren

Normtext: amtliche deutsche Fassung der VO (EU) 2016/679 (amtliches Werk, gemeinfrei). Die Maschinen-Sicht entsteht zur Laufzeit aus genau dem DOM, den du oben liest — Absätze aus data-abs, Buchstaben aus data-lit, Querverweise aus den <wl-norm>-Elementen samt ihren amtlichen Links.

HTML6 · Text

GlyphMarkdown — Text & meaning, separated from the component

A Markdown superset: the author marks what they mean — emphasized, uncertain, struck through, a feeling — not pixels. As a bonus AI-native: a model writes annotation, not CSS.

<wl-glyph>
  This is █ important █ and
  ~ rather unsure ~.
  [- old text -][+ new text +]
  ( this passage ✶ a note that points at the text )
  @joy+( finally separate )
</wl-glyph>

live · GlyphMarkdown → Ink · hover the ✶

This is █ important █ and ~ rather unsure ~. [- old text -][+ new text +] ( this passage ✶ a note that points at the text, hover to see ) @joy+( finally separate ) An *aside* in the hand-thought script, and **one word** that jumps.

Interactive

Try it — every mark, live

Type GlyphUp on the left, the ink renders on the right instantly. The toolbar carries the full vocabulary: highlights, underlines, structure, dynamics, symbols, colors, emotion and inline comments that point at a passage. Combinations cascade — green highlight, gradient text, an animated marker.

Interactive

Playground — type a tag, see the component

Type an HTML67 tag like <card>, <stat> or <norm> on the left and it renders live on the right — no build step. The toolbar carries a curated component menu that drops ready-made tags at the cursor; loose text between them stays GlyphUp, so components and markup share one box.

DNA

Design tokens — the axioms from which everything flows

There are only a handful of axioms (--ax-*): brand, marker, radii, brightness. Everything visible (--wl-*) is derived from them — buttons, cards, charts never read hex, only tokens. The control panel below sets the axioms live, watch how everything follows.

--ax-brandAxiom · the one hex value

→

--wl-accentderived · points to the axiom

→

<wl-button accent>component · reads only the token

live · theme control panel — assigns values to the axioms, everything derives live

Accent (--ax-brand) Marker (--ax-brand-2) Card radius Button radius --wl-accent points to Mode

Reset

Accent

Solid

Marker

Outlook · the mission ends in 2030

By 2030, digitization is done.

The roadmap below has the steps. The early years are concrete; the later ones we're keeping open on purpose.

HTML67 is part of Project Wilhelm.

A standard is only the first stone. HTML67 is where the web learns to mean again — but the language, the platform and the living layer are one piece of something larger. And this is just the beginning.

<a>

HTML2

Hyperlink

Syntax

<a>…</a>

Attributes

Attribute	Type / values	Description
`href`	URL	Hyperlink target
`target`	_self · _blank · _parent · _top	Where the target opens
`rel`	noopener · noreferrer · nofollow · external	Relationship to the target
`download`	String	Downloads instead of navigating
`hreflang`	String	Language of the target
`type`	MIME	MIME type of the target
`referrerpolicy`	no-referrer · origin · strict-origin-when-cross-origin	Which referrer is sent
`ping`	URL	Ping URLs on click

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<abbr>

HTML2

Abbreviation

Syntax

<abbr>…</abbr>

Attributes

Attribute	Type / values	Description
`title`	String	Expanded form of the abbreviation

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<acronym>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Acronym

Syntax

<acronym>…</acronym>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 4
Status	Deprecated / obsolete

<address>

HTML2

Contact information

Syntax

<address>…</address>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<alert>

HTML6

Inline notice (info/success/warn/danger)

Live example

Heads up — this is an alert.

Syntax

<alert>…</alert>

Props / Attributes

Attribute	Type	Description
`variant`	info · success · warn · danger
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-alert`
Prefix-free	<alert> (runtime aliases to `wl-alert`)
Status	HTML67 · live

HTML67 spec ↗

<app-shell>

HTML6

App frame with top bar

Live example

App content

Syntax

<app-shell>…</app-shell>

Props / Attributes

Attribute	Type	Description
`app-name`	String
`emoji`	String
`accent`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-app-shell`
Prefix-free	<app-shell> (runtime aliases to `wl-app-shell`)
Status	HTML67 · live

HTML67 spec ↗

<applet>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Java applet

Syntax

<applet>…</applet>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 3.2
Status	Deprecated / obsolete

<area>

HTML2

Image-map region

Syntax

<area>…</area>

Attributes

Attribute	Type / values	Description
`shape`	rect · circle · poly · default	Shape of the region
`coords`	String	Coordinates of the shape
`href`	URL	Link target
`alt`	String	Alternative text
`target`	_self · _blank · _parent · _top	Where the target opens
`rel`	String	Relationship to the target
`download`	String	Download

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<article>

HTML5

Self-contained composition

Syntax

<article>…</article>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<aside>

HTML5

Tangentially related content

Syntax

<aside>…</aside>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<audio>

superseded · HTML67

↪ Superseded in HTML67 — use <player> / <waveform>. → player

Sound content

Syntax

<audio>…</audio>

Attributes

Attribute	Type / values	Description
`src`	URL	Audio source
`controls`	Boolean	Show controls
`autoplay`	Boolean	Play automatically
`loop`	Boolean	Loop endlessly
`muted`	Boolean	Start muted
`preload`	none · metadata · auto	Preload behavior
`crossorigin`	anonymous · use-credentials	CORS mode

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Replacement in HTML67	<player> / <waveform>
Status	Superseded in HTML67

<avatar>

HTML6

Profile picture / initials

Live example

Syntax

<avatar>…</avatar>

Props / Attributes

Attribute	Type	Description
`src`	String
`name`	String
`size`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-avatar`
Prefix-free	<avatar> (runtime aliases to `wl-avatar`)
Status	HTML67 · live

HTML67 spec ↗

<avatar-group>

HTML6

Avatar Group

Live example

Sample content

generated automatically from the props

Syntax

<avatar-group>…</avatar-group>

Props / Attributes

Attribute	Type	Description
`max`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-avatar-group`
Prefix-free	<avatar-group> (runtime aliases to `wl-avatar-group`)
Status	HTML67 · live

HTML67 spec ↗

<b>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp **bold**. → GlyphUp

Bring-attention text

Syntax

<b>…</b>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	GlyphUp bold
Status	Superseded in HTML67

<badge>

HTML6

Small status/label chip

Live example

neutral

accent

solid

outline

Syntax

<badge>…</badge>

Props / Attributes

Attribute	Type	Description
`variant`	neutral · solid · outline · accent

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-badge`
Prefix-free	<badge> (runtime aliases to `wl-badge`)
Status	HTML67 · live

HTML67 spec ↗

<base>

HTML2

Base URL for relative links

Syntax

<base>…</base>

Attributes

Attribute	Type / values	Description
`href`	URL	Base URL for relative links
`target`	_self · _blank · _parent · _top	Default target for links/forms

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<basefont>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Base font

Syntax

<basefont>…</basefont>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 4
Status	Deprecated / obsolete

<bdi>

HTML5

Bidirectional isolate

Syntax

<bdi>…</bdi>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<bdo>

HTML2

Bidirectional override

Syntax

<bdo>…</bdo>

Attributes

Attribute	Type / values	Description
`dir`	ltr · rtl	Forced text direction

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<bgsound>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Background sound

Syntax

<bgsound>…</bgsound>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<bibliography>

HTML7

Collects all <cite> into a reference list

Live example

Sample content

generated automatically from the props

Syntax

<bibliography>…</bibliography>

Props / Attributes

Attribute	Type	Description
`format`	String
`heading`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-bibliography`
Prefix-free	<bibliography> (runtime aliases to `wl-bibliography`)
Status	HTML67 · live

HTML67 spec ↗

<big>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Large text

Syntax

<big>…</big>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 3.2
Status	Deprecated / obsolete

<blink>

HTML6

Blinking text — HTML67 revives it (reduced-motion safe)

Live example

Blinking!

Syntax

<blink>…</blink>

Props / Attributes

Attribute	Type	Description
`speed`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-blink`
Prefix-free	<blink> (runtime aliases to `wl-blink`)
Status	HTML67 · live

HTML67 spec ↗

<blockquote>

HTML2

Block quotation

Syntax

<blockquote>…</blockquote>

Attributes

Attribute	Type / values	Description
`cite`	URL	Source of the quotation

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<body>

HTML2

Document body

Syntax

<body>…</body>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<boxplot>

HTML6

Box-and-whisker plot (statistics)

Live example

Syntax

<boxplot>…</boxplot>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-boxplot`
Prefix-free	<boxplot> (runtime aliases to `wl-boxplot`)
Status	HTML67 · live

HTML67 spec ↗

<br>

HTML2

Line break

Syntax

<br>…</br>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<breadcrumb>

HTML6

Path navigation

Live example

Syntax

<breadcrumb>…</breadcrumb>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-breadcrumb`
Prefix-free	<breadcrumb> (runtime aliases to `wl-breadcrumb`)
Status	HTML67 · live

HTML67 spec ↗

<button>

HTML2

Button

Syntax

<button>…</button>

Attributes

Attribute	Type / values	Description
`type`	submit · reset · button	Behavior
`name`	String	Name on submission
`value`	String	Value on submission
`disabled`	Boolean	Disabled
`form`	String	id of the form
`formaction`	URL	Overrides form action
`formmethod`	get · post	Overrides form method
`popovertarget`	String	id of a popover target

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<bytes>

HTML7

Human-readable file size

Live example

Syntax

<bytes>…</bytes>

Props / Attributes

Attribute	Type	Description
`value`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-bytes`
Prefix-free	<bytes> (runtime aliases to `wl-bytes`)
Status	HTML67 · live

HTML67 spec ↗

<calendar>

HTML6

Month calendar (pick a date)

Live example

Syntax

<calendar>…</calendar>

Props / Attributes

Attribute	Type	Description
`value`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-calendar`
Prefix-free	<calendar> (runtime aliases to `wl-calendar`)
Status	HTML67 · live

HTML67 spec ↗

<callout>

HTML6

Highlighted notice box

Live example

Loose text in the callout box.

Syntax

<callout>…</callout>

Props / Attributes

Attribute	Type	Description
`variant`	info · success · warn · danger
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-callout`
Prefix-free	<callout> (runtime aliases to `wl-callout`)
Status	HTML67 · live

HTML67 spec ↗

<canvas>

HTML5

Scriptable graphics

Syntax

<canvas>…</canvas>

Attributes

Attribute	Type / values	Description
`width`	Number	Canvas width in px
`height`	Number	Canvas height in px

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<caption>

HTML2

Table caption

Syntax

<caption>…</caption>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<card>

HTML6OpenUI · active ↗

Container for grouped content

Live example

Card title

Slotted body content.

Syntax

<card>…</card>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-card`
Prefix-free	<card> (runtime aliases to `wl-card`)
Status	HTML67 · live

HTML67 spec ↗

<carousel>

HTML6

Image/content slider

Live example

Slide 1

Slide 2

Syntax

<carousel>…</carousel>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-carousel`
Prefix-free	<carousel> (runtime aliases to `wl-carousel`)
Status	HTML67 · live

HTML67 spec ↗

<center>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Centered block

Syntax

<center>…</center>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 3.2
Status	Deprecated / obsolete

<chart>

HTML6

Line/area/bar/donut chart

Live example

Syntax

<chart>…</chart>

Props / Attributes

Attribute	Type	Description
`type`	line · area · bar · donut
`data`	Array
`height`	Number
`grid`	Boolean
`dots`	Boolean
`accent`	Boolean
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-chart`
Prefix-free	<chart> (runtime aliases to `wl-chart`)
Status	HTML67 · live

HTML67 spec ↗

<chat>

HTML6

Chat

Live example

Morning — is the spec ready for review?

Yes, the HTML67 reference is live.

Syntax

<chat>…</chat>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-chat`
Prefix-free	<chat> (runtime aliases to `wl-chat`)
Status	HTML67 · live

HTML67 spec ↗

<checkbox>

HTML6

Checkbox

Live example

I agree

Syntax

<checkbox>…</checkbox>

Props / Attributes

Attribute	Type	Description
`checked`	Boolean
`disabled`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-checkbox`
Prefix-free	<checkbox> (runtime aliases to `wl-checkbox`)
Status	HTML67 · live

HTML67 spec ↗

<citation>

HTML7

Source reference (HTML67 take on <cite>)

HTML67 take on <cite>.

Live example

Syntax

<citation>…</citation>

Props / Attributes

Attribute	Type	Description
`format`	String
`source`	Object

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-cite`
Prefix-free	<citation> (runtime aliases to `wl-cite`)
Status	HTML67 · live

HTML67 spec ↗

<cite>

HTML2

Title of a work

Syntax

<cite>…</cite>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<clip>

HTML6

Clip

Live example

top-left

bottom-right

Syntax

<clip>…</clip>

Props / Attributes

Attribute	Type	Description
`corner`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-clip`
Prefix-free	<clip> (runtime aliases to `wl-clip`)
Status	HTML67 · live

HTML67 spec ↗

<code>

HTML2

Inline code

Syntax

<code>…</code>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<codeblock>

HTML6

Code block

HTML67 take on <code>.

Live example

const answer = 42;

Syntax

<codeblock>…</codeblock>

Props / Attributes

Attribute	Type	Description
`code`	String
`lang`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-code`
Prefix-free	<codeblock> (runtime aliases to `wl-code`)
Status	HTML67 · live

HTML67 spec ↗

<col>

HTML2

Table column

Syntax

<col>…</col>

Attributes

Attribute	Type / values	Description
`span`	Number	Number of spanned columns

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<colgroup>

HTML2

Table column group

Syntax

<colgroup>…</colgroup>

Attributes

Attribute	Type / values	Description
`span`	Number	Number of columns in the group

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<collapsible-tree>

HTML6

Collapsible tree

Live example

Syntax

<collapsible-tree>…</collapsible-tree>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-collapsible-tree`
Prefix-free	<collapsible-tree> (runtime aliases to `wl-collapsible-tree`)
Status	HTML67 · live

HTML67 spec ↗

<colophon>

HTML6

Colophon

Live example

Sample content

generated automatically from the props

Syntax

<colophon>…</colophon>

Props / Attributes

Attribute	Type	Description
`title`	String
`open`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-colophon`
Prefix-free	<colophon> (runtime aliases to `wl-colophon`)
Status	HTML67 · live

HTML67 spec ↗

<color-picker>

HTML6

Color picker

Live example

Syntax

<color-picker>…</color-picker>

Props / Attributes

Attribute	Type	Description
`value`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-color-picker`
Prefix-free	<color-picker> (runtime aliases to `wl-color-picker`)
Status	HTML67 · live

HTML67 spec ↗

<columns>

HTML6

Columns

Live example

One

Two

Three

Four

Syntax

<columns>…</columns>

Props / Attributes

Attribute	Type	Description
`min`	String
`gap`	String
`cols`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-columns`
Prefix-free	<columns> (runtime aliases to `wl-columns`)
Status	HTML67 · live

HTML67 spec ↗

<combobox>

HTML6OpenUI · active ↗

Searchable select

Live example

Syntax

<combobox>…</combobox>

Props / Attributes

Attribute	Type	Description
`options`	Array
`value`	String
`placeholder`	String
`open`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-combobox`
Prefix-free	<combobox> (runtime aliases to `wl-combobox`)
Status	HTML67 · live

HTML67 spec ↗

<command-palette>

HTML6

⌘K command palette

Live example

Sample content

generated automatically from the props

Syntax

<command-palette>…</command-palette>

Props / Attributes

Attribute	Type	Description
`open`	Boolean
`commands`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-command`
Prefix-free	<command-palette> (runtime aliases to `wl-command`)
Status	HTML67 · live

HTML67 spec ↗

<compare>

HTML6

Before/after image slider

Live example

Syntax

<compare>…</compare>

Props / Attributes

Attribute	Type	Description
`before`	String
`after`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-compare`
Prefix-free	<compare> (runtime aliases to `wl-compare`)
Status	HTML67 · live

HTML67 spec ↗

<connected-scatter>

HTML6

Connected scatter plot

Live example

Syntax

<connected-scatter>…</connected-scatter>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-connected-scatter`
Prefix-free	<connected-scatter> (runtime aliases to `wl-connected-scatter`)
Status	HTML67 · live

HTML67 spec ↗

<consent>

HTML7

GDPR cookie banner

Live example

Syntax

<consent>…</consent>

Props / Attributes

Attribute	Type	Description
`policy`	String
`inline`	Boolean

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-consent`
Prefix-free	<consent> (runtime aliases to `wl-consent`)
Status	HTML67 · live

HTML67 spec ↗

<contact>

HTML7

Contact card (vCard)

Live example

Syntax

<contact>…</contact>

Props / Attributes

Attribute	Type	Description
`name`	String
`org`	String
`title`	String
`tel`	String
`email`	String
`url`	String
`address`	String
`note`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-contact`
Prefix-free	<contact> (runtime aliases to `wl-contact`)
Status	HTML67 · live

HTML67 spec ↗

<container>

HTML6

Container

Live example

Sample content

generated automatically from the props

Syntax

<container>…</container>

Props / Attributes

Attribute	Type	Description
`size`	sm · md · lg · xl

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-container`
Prefix-free	<container> (runtime aliases to `wl-container`)
Status	HTML67 · live

HTML67 spec ↗

<content>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Shadow insertion point

Syntax

<content>…</content>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<context-menu>

HTML6OpenUI · active ↗

Right-click menu

Live example

Right-click me

Syntax

<context-menu>…</context-menu>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-context-menu`
Prefix-free	<context-menu> (runtime aliases to `wl-context-menu`)
Status	HTML67 · live

HTML67 spec ↗

<contributions>

HTML6

Contributions heat map (GitHub look)

Live example

Syntax

<contributions>…</contributions>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean
`year`	Number

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-calendar-heatmap`
Prefix-free	<contributions> (runtime aliases to `wl-calendar-heatmap`)
Status	HTML67 · live

HTML67 spec ↗

<copy>

HTML6

Copy-to-clipboard button

Live example

Syntax

<copy>…</copy>

Props / Attributes

Attribute	Type	Description
`value`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-copy`
Prefix-free	<copy> (runtime aliases to `wl-copy`)
Status	HTML67 · live

HTML67 spec ↗

<countdown>

HTML6

Countdown to a date

Live example

Syntax

<countdown>…</countdown>

Props / Attributes

Attribute	Type	Description
`to`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-countdown`
Prefix-free	<countdown> (runtime aliases to `wl-countdown`)
Status	HTML67 · live

HTML67 spec ↗

<cropper>

HTML6

Image crop

Live example

Sample content

generated automatically from the props

Syntax

<cropper>…</cropper>

Props / Attributes

Attribute	Type	Description
`src`	String
`aspect`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-cropper`
Prefix-free	<cropper> (runtime aliases to `wl-cropper`)
Status	HTML67 · live

HTML67 spec ↗

<data>

HTML5

Machine-readable value

Syntax

<data>…</data>

Attributes

Attribute	Type / values	Description
`value`	String	Machine-readable value

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<data-table>

HTML6

Sortable/selectable table

Live example

Syntax

<data-table>…</data-table>

Props / Attributes

Attribute	Type	Description
`columns`	Array
`rows`	Array
`selectable`	Boolean
`page-size`	Number

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-data-table`
Prefix-free	<data-table> (runtime aliases to `wl-data-table`)
Status	HTML67 · live

HTML67 spec ↗

<datalist>

HTML5

Autocomplete options

Syntax

<datalist>…</datalist>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<date-picker>

HTML6

Date picker with popover

Live example

Syntax

<date-picker>…</date-picker>

Props / Attributes

Attribute	Type	Description
`value`	String
`placeholder`	String
`open`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-date-picker`
Prefix-free	<date-picker> (runtime aliases to `wl-date-picker`)
Status	HTML67 · live

HTML67 spec ↗

<datetime>

HTML7

Localized date/time

Live example

Syntax

<datetime>…</datetime>

Props / Attributes

Attribute	Type	Description
`value`	String
`mode`	date · time · datetime

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-datetime`
Prefix-free	<datetime> (runtime aliases to `wl-datetime`)
Status	HTML67 · live

HTML67 spec ↗

<day>

HTML6

Day

Live example

July 31

Syntax

<day>…</day>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-day`
Prefix-free	<day> (runtime aliases to `wl-day`)
Status	HTML67 · live

HTML67 spec ↗

<dd>

HTML2

Description detail

Syntax

<dd>…</dd>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<del>

HTML2

Deleted text

Syntax

<del>…</del>

Attributes

Attribute	Type / values	Description
`cite`	URL	Source of the change
`datetime`	Datetime	Time of deletion

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<dendrogram>

HTML6

Dendrogram (cluster)

Live example

Syntax

<dendrogram>…</dendrogram>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-dendrogram`
Prefix-free	<dendrogram> (runtime aliases to `wl-dendrogram`)
Status	HTML67 · live

HTML67 spec ↗

<description-list>

HTML6

Description List

Live example

Sample content

generated automatically from the props

Syntax

<description-list>…</description-list>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-description-list`
Prefix-free	<description-list> (runtime aliases to `wl-description-list`)
Status	HTML67 · live

HTML67 spec ↗

<details>

HTML5

Disclosure widget

Syntax

<details>…</details>

Attributes

Attribute	Type / values	Description
`open`	Boolean	Start expanded
`name`	String	Group (only one open)

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<dfn>

HTML2

Defining instance

Syntax

<dfn>…</dfn>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<dialog>

HTML5

Dialog / modal

Syntax

<dialog>…</dialog>

Attributes

Attribute	Type / values	Description
`open`	Boolean	Start visible

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<dir>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Directory list

Syntax

<dir>…</dir>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<div>

HTML2

Generic block container

Syntax

<div>…</div>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<dl>

HTML2

Description list

Syntax

<dl>…</dl>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<document>

HTML7

Legal document with parties

Live example

Syntax

<document>…</document>

Props / Attributes

Attribute	Type	Description
`title`	String
`parties`	Array
`jsonld`	Boolean	schema.org/DigitalDocument in document.head mitschreiben

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-document`
Prefix-free	<document> (runtime aliases to `wl-document`)
Status	HTML67 · live

HTML67 spec ↗

<drawer>

HTML6

Side panel (sheet)

Live example

Sample content

generated automatically from the props

Syntax

<drawer>…</drawer>

Props / Attributes

Attribute	Type	Description
`open`	Boolean
`side`	right · left · bottom
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-drawer`
Prefix-free	<drawer> (runtime aliases to `wl-drawer`)
Status	HTML67 · live

HTML67 spec ↗

<dropdown-menu>

HTML6OpenUI · active ↗

Click menu with actions

Live example

Menu ▾

Syntax

<dropdown-menu>…</dropdown-menu>

Props / Attributes

Attribute	Type	Description
`items`	Array
`open`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-dropdown-menu`
Prefix-free	<dropdown-menu> (runtime aliases to `wl-dropdown-menu`)
Status	HTML67 · live

HTML67 spec ↗

<dt>

HTML2

Description term

Syntax

<dt>…</dt>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<editor>

HTML6

GlyphUp editor (rich text)

Live example

Syntax

<editor>…</editor>

Props / Attributes

Attribute	Type	Description
`placeholder`	String
`value`	String
`target`	String
`title`	String
`collapsed`	Boolean
`height`	String
`width`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-editor`
Prefix-free	<editor> (runtime aliases to `wl-editor`)
Status	HTML67 · live

HTML67 spec ↗

<em>

HTML2

Stress emphasis

Syntax

<em>…</em>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<embed>

superseded · HTML67

↪ Superseded in HTML67 — use <include> / <player>. → include

External plugin content

Syntax

<embed>…</embed>

Attributes

Attribute	Type / values	Description
`src`	URL	Resource
`type`	MIME	MIME type
`width`	Number	Width in px
`height`	Number	Height in px

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Replacement in HTML67	<include> / <player>
Status	Superseded in HTML67

<empty-state>

HTML6

Empty state with an action

Live example

Syntax

<empty-state>…</empty-state>

Props / Attributes

Attribute	Type	Description
`heading`	String
`description`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-empty-state`
Prefix-free	<empty-state> (runtime aliases to `wl-empty-state`)
Status	HTML67 · live

HTML67 spec ↗

<equation>

HTML7

Numbered equation

Live example

E = mc^2

Syntax

<equation>…</equation>

Props / Attributes

Attribute	Type	Description
`ref`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-equation`
Prefix-free	<equation> (runtime aliases to `wl-equation`)
Status	HTML67 · live

HTML67 spec ↗

<event>

HTML7

Event (ICS)

Live example

Syntax

<event>…</event>

Props / Attributes

Attribute	Type	Description
`title`	String
`start`	String
`end`	String
`location`	String
`description`	String
`url`	String
`all-day`	Boolean

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-event`
Prefix-free	<event> (runtime aliases to `wl-event`)
Status	HTML67 · live

HTML67 spec ↗

<fencedframe>

HTML5

🧪 Experimental — not yet available everywhere.

Privacy-preserving embed

Syntax

<fencedframe>…</fencedframe>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<field>

HTML6OpenUI · active ↗

Validating input field

Live example

Syntax

<field>…</field>

Props / Attributes

Attribute	Type	Description
`label`	String
`type`	String
`required`	Boolean
`hint`	String
`placeholder`	String
`value`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-field`
Prefix-free	<field> (runtime aliases to `wl-field`)
Status	HTML67 · live

HTML67 spec ↗

<fieldset>

HTML2

Form control group

Syntax

<fieldset>…</fieldset>

Attributes

Attribute	Type / values	Description
`disabled`	Boolean	Disable all fields
`form`	String	id of the form
`name`	String	Group name

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<figcaption>

HTML5

Figure caption

Syntax

<figcaption>…</figcaption>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<figure>

HTML5

Self-contained figure

Syntax

<figure>…</figure>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<figureblock>

HTML6

Figure with caption

HTML67 take on <figure>.

Live example

Syntax

<figureblock>…</figureblock>

Props / Attributes

Attribute	Type	Description
`ref`	String
`kind`	figure · table
`caption`	String
`src`	String
`alt`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-figure`
Prefix-free	<figureblock> (runtime aliases to `wl-figure`)
Status	HTML67 · live

HTML67 spec ↗

<file-upload>

HTML6

File dropzone

Live example

Syntax

<file-upload>…</file-upload>

Props / Attributes

Attribute	Type	Description
`multiple`	Boolean
`accept`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-file-upload`
Prefix-free	<file-upload> (runtime aliases to `wl-file-upload`)
Status	HTML67 · live

HTML67 spec ↗

<font>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Font styling

Syntax

<font>…</font>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 3.2
Status	Deprecated / obsolete

<footer>

HTML5

Footer content

Syntax

<footer>…</footer>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<force-graph>

HTML6

Force-directed graph

Live example

Syntax

<force-graph>…</force-graph>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-force-graph`
Prefix-free	<force-graph> (runtime aliases to `wl-force-graph`)
Status	HTML67 · live

HTML67 spec ↗

<form>

HTML2

Form

Syntax

<form>…</form>

Attributes

Attribute	Type / values	Description
`action`	URL	Submission target
`method`	get · post · dialog	HTTP method
`enctype`	application/x-www-form-urlencoded · multipart/form-data · text/plain	Encoding
`target`	_self · _blank · _parent · _top	Where the response opens
`novalidate`	Boolean	Skip validation
`autocomplete`	on · off	Autocomplete
`name`	String	Form name
`accept-charset`	String	Allowed character sets

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<form-field>

HTML6

Label + control wrapper

Live example

Sample content

generated automatically from the props

Syntax

<form-field>…</form-field>

Props / Attributes

Attribute	Type	Description
`label`	String
`hint`	String
`error`	String
`required`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-form-field`
Prefix-free	<form-field> (runtime aliases to `wl-form-field`)
Status	HTML67 · live

HTML67 spec ↗

<frame>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Frameset frame

Syntax

<frame>…</frame>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 4
Status	Deprecated / obsolete

<frameset>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Frame container

Syntax

<frameset>…</frameset>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 4
Status	Deprecated / obsolete

<geo>

HTML6

Map

HTML67 take on <map>.

Live example

Syntax

<geo>…</geo>

Props / Attributes

Attribute	Type	Description
`lat`	Number
`lng`	Number
`zoom`	Number
`height`	String
`label`	String
`map-style`	clean · toner · color
`toolbar`	Boolean
`threed`	Boolean
`tilt`	Boolean
`pois`	Boolean
`globe`	Boolean
`route`	Array
`markers`	Array
`router`	String
`fly`	Boolean
`pack`	String

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-map`
Prefix-free	<geo> (runtime aliases to `wl-map`)
Status	HTML67 · live

HTML67 spec ↗

<github-star>

HTML6

Github Star

Live example

Sample content

generated automatically from the props

Syntax

<github-star>…</github-star>

Props / Attributes

Attribute	Type	Description
`repo`	String
`label`	String
`static`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-github-star`
Prefix-free	<github-star> (runtime aliases to `wl-github-star`)
Status	HTML67 · live

HTML67 spec ↗

<glyph>

HTML6

GlyphUp text → ink

Live example

This is █ important █ and ~ rather uncertain ~. @joy+( finally )

Live editor

Type on the left, the ink renders on the right instantly — exactly the <glyph> renderer.

Legend — all marks

Each row shows the markup and its rendered result. Full spec: apps/wilhe-llm/glyphup.

Text styling

Markup	Result	Meaning
`bold`	bold	bold (marker bold)
`italic`	italic	serif italic (aside / inner thought)
`_ underline _`	_ underline _	single underline
`‗ double ‗`	‗ double ‗	double underline
`▁ thick ▁`	▁ thick ▁	thick underline
`~ uncertain ~`	~ uncertain ~	wavy (uncertain)
`-- struck --`	-- struck --	strikethrough

Marker & color

Markup	Result	Meaning
`█ highlight █`	█ highlight █	full marker (also ▓ ▒ ░ = lighter)
`🔴 colored 🔴`	🔴 colored 🔴	one color: 🔴 🟡 🟢 🔵 🟣 🟠 ⚫ ⚪
`🔴 gradient 🔵`	🔴 gradient 🔵	color gradient in the text
`🟢 █ fill █ 🟢`	🟢 █ fill █ 🟢	color outside → colored marker fill, text stays ink

Corrections (track changes)

Markup	Result	Meaning
`[- out -]`	[- out -]	deletion
`[+ in +]`	[+ in +]	insertion
`[ box ]`	[ box ]	boxed (box)
`{ rule }`	{ rule }	rule / definition (accent border)

Comments (hover the icon)

Markup	Result	Meaning
`( the claim ✶ needs a source )`	( the claim ✶ needs a source )	note anchored to a span — hover the icon, it reveals the note and highlights the text
`( ◉ human )`	( ◉ human )	comment from the human (no anchor)
`( ✶ AI )`	( ✶ AI )	comment from the AI — the grey bubble leads with "From AI:"
`( ? unclear )`	( ? unclear )	question / unclear
`( ✓ good )`	( ✓ good )	looks right
`( ! important )`	( ! important )	important
`( ✖ wrong )`	( ✖ wrong )	wrong

Feeling (emotion tint)

Markup	Result	Meaning
`@joy+( finally )`	@joy+( finally )	+/- controls the intensity
`@anger++( fed up )`	@anger++( fed up )	anger · fear · sadness · hope · calm · love · irony · uncertain …

Expression & hooks

Markup	Result	Meaning
`❝ spoken ❞`	❝ spoken ❞	literal speech
`⟨ thought ⟩`	⟨ thought ⟩	thought
`« hook »`	« hook »	memory anchor (retrieval)
`^^ intensified ^^`	^^ intensified ^^	crescendo
`𝄆 repeated 𝄇`	𝄆 repeated 𝄇	loop / repetition (also \|: … :\|)

Topics

Markup	Result	Meaning
`#html67`	#html67	topic pill (hashtag) — like a <tag>
`#accessibility`	#accessibility	preceded by a space or at the line start

Block structure (at the line start)

Markup	Result	Meaning
`§ Heading`	§ Heading	H1 — §§ = H2, §§§ = H3
`• List item`	• List item	list — ◦ = level 2, ▪ = level 3
`☐ open`	☐ open	task open — ☑ = done

Syntax

<glyph>…</glyph>

Props / Attributes

Attribute	Type	Description
`src`	String
`inline`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-glyph`
Prefix-free	<glyph> (runtime aliases to `wl-glyph`)
Status	HTML67 · live

HTML67 spec ↗

<grid>

HTML6

Table (HTML67 take on <table>)

HTML67 take on <table>.

Live example

Syntax

<grid>…</grid>

Props / Attributes

Attribute	Type	Description
`columns`	Array
`rows`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-table`
Prefix-free	<grid> (runtime aliases to `wl-table`)
Status	HTML67 · live

HTML67 spec ↗

<h1>

HTML2

Section heading (level 1–6)

Syntax

<h1>…</h1>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<h2>

HTML2

Section heading

Syntax

<h2>…</h2>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<h3>

HTML2

Section heading

Syntax

<h3>…</h3>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<h4>

HTML2

Section heading

Syntax

<h4>…</h4>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<h5>

HTML2

Section heading

Syntax

<h5>…</h5>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<h6>

HTML2

Section heading

Syntax

<h6>…</h6>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<head>

HTML2

Document metadata container

Syntax

<head>…</head>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<header>

HTML5

Introductory content

Syntax

<header>…</header>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<heatmap>

HTML6

Heat map (grid)

Live example

Syntax

<heatmap>…</heatmap>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-heatmap`
Prefix-free	<heatmap> (runtime aliases to `wl-heatmap`)
Status	HTML67 · live

HTML67 spec ↗

<hgroup>

HTML5

Heading + tagline group

Syntax

<hgroup>…</hgroup>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<hover-card>

HTML6OpenUI · active ↗

Preview card on hover

Live example

Sample content

generated automatically from the props

Syntax

<hover-card>…</hover-card>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-hover-card`
Prefix-free	<hover-card> (runtime aliases to `wl-hover-card`)
Status	HTML67 · live

HTML67 spec ↗

<hr>

HTML2

Thematic break

Syntax

<hr>…</hr>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<html>

HTML2

Document root

Syntax

<html>…</html>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<i>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp *italic*. → GlyphUp

Alternate-voice text

Syntax

<i>…</i>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	GlyphUp italic
Status	Superseded in HTML67

<iban>

HTML7

IBAN field with validation

Live example

Syntax

<iban>…</iban>

Props / Attributes

Attribute	Type	Description
`value`	String
`placeholder`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-iban`
Prefix-free	<iban> (runtime aliases to `wl-iban`)
Status	HTML67 · live

HTML67 spec ↗

<icon>

HTML6

Icon

Live example

Sample content

generated automatically from the props

Syntax

<icon>…</icon>

Props / Attributes

Attribute	Type	Description
`name`	String
`label`	String
`size`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-icon`
Prefix-free	<icon> (runtime aliases to `wl-icon`)
Status	HTML67 · live

HTML67 spec ↗

<iframe>

superseded · HTML67

↪ Superseded in HTML67 — use <include> (Partials) / <player> (Media). → include

Nested browsing context

Syntax

<iframe>…</iframe>

Attributes

Attribute	Type / values	Description
`src`	URL	Embedded page
`srcdoc`	HTML	Inline HTML instead of src
`name`	String	Name of the browsing context
`width`	Number	Width in px
`height`	Number	Height in px
`allow`	String	Permissions policy (camera; microphone …)
`allowfullscreen`	Boolean	Allow fullscreen
`loading`	eager · lazy	Loading strategy
`referrerpolicy`	String	Referrer policy
`sandbox`	allow-scripts · allow-forms · allow-same-origin · allow-popups	Sandbox restrictions

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<include> (Partials) / <player> (Media)
Status	Superseded in HTML67

<image>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Non-standard image

Syntax

<image>…</image>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<image-gallery>

HTML6

Thumbnail grid + lightbox

Live example

Syntax

<image-gallery>…</image-gallery>

Props / Attributes

Attribute	Type	Description
`images`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-image-gallery`
Prefix-free	<image-gallery> (runtime aliases to `wl-image-gallery`)
Status	HTML67 · live

HTML67 spec ↗

<img>

HTML2

Image

Syntax

<img>…</img>

Attributes

Attribute	Type / values	Description
`src`	URL	Image source
`alt`	String	Alternative text
`srcset`	String	Sources per resolution/density
`sizes`	String	Display sizes per media query
`width`	Number	Width in px
`height`	Number	Height in px
`loading`	eager · lazy	Loading strategy
`decoding`	sync · async · auto	Decoding hint
`fetchpriority`	high · low · auto	Load priority
`crossorigin`	anonymous · use-credentials	CORS mode
`referrerpolicy`	String	Referrer policy
`usemap`	String	Associated image map
`ismap`	Boolean	Server-side image map

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<include>

HTML6

Embeds a partial (no build)

Live example

Syntax

<include>…</include>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-include`
Prefix-free	<include> (runtime aliases to `wl-include`)
Status	HTML67 · live

HTML67 spec ↗

<index-chart>

HTML6

Indexed trend lines

Live example

Syntax

<index-chart>…</index-chart>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-index-chart`
Prefix-free	<index-chart> (runtime aliases to `wl-index-chart`)
Status	HTML67 · live

HTML67 spec ↗

<input>

superseded · HTML67

↪ Superseded in HTML67 — use <field> / <phone> / <iban> / <date-picker> …. → field

Input control

Syntax

<input>…</input>

Attributes

Attribute	Type / values	Description
`type`	text · email · password · number · tel · url · search · date · time · checkbox · radio · file · range · color · hidden	Input type
`name`	String	Field name on submission
`value`	String	Current value
`placeholder`	String	Placeholder text
`required`	Boolean	Required field
`disabled`	Boolean	Disabled
`readonly`	Boolean	Read-only
`checked`	Boolean	Pre-selected (checkbox/radio)
`min`	String	Minimum value
`max`	String	Maximum value
`step`	Number	Step size
`minlength`	Number	Minimum length
`maxlength`	Number	Maximum length
`pattern`	String	Regex validation
`multiple`	Boolean	Multiple values (file/email)
`accept`	String	Allowed file types
`autocomplete`	String	Autofill hint
`list`	String	id of a <datalist>

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<field> / <phone> / <iban> / <date-picker> …
Status	Superseded in HTML67

<input-otp>

HTML6

OTP/code input

Live example

Syntax

<input-otp>…</input-otp>

Props / Attributes

Attribute	Type	Description
`length`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-input-otp`
Prefix-free	<input-otp> (runtime aliases to `wl-input-otp`)
Status	HTML67 · live

HTML67 spec ↗

<ins>

HTML2

Inserted text

Syntax

<ins>…</ins>

Attributes

Attribute	Type / values	Description
`cite`	URL	Source of the change
`datetime`	Datetime	Time of insertion

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<isindex>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Search prompt

Syntax

<isindex>…</isindex>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<katex>

HTML6

Math formula (KaTeX)

Live example

Syntax

<katex>…</katex>

Props / Attributes

Attribute	Type	Description
`tex`	String
`display`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-katex`
Prefix-free	<katex> (runtime aliases to `wl-katex`)
Status	HTML67 · live

HTML67 spec ↗

<kbd>

HTML2

Keyboard input

Syntax

<kbd>…</kbd>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<keygen>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Key-pair generator

Syntax

<keygen>…</keygen>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Deprecated / obsolete

<label>

HTML2

Control label

Syntax

<label>…</label>

Attributes

Attribute	Type / values	Description
`for`	String	id of the labeled control
`form`	String	id of the form

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<legal-accept>

HTML7

Terms/privacy consent

Live example

Syntax

<legal-accept>…</legal-accept>

Props / Attributes

Attribute	Type	Description
`version`	String
`agb-url`	String
`privacy-url`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-legal-accept`
Prefix-free	<legal-accept> (runtime aliases to `wl-legal-accept`)
Status	HTML67 · live

HTML67 spec ↗

<legend>

HTML2

Fieldset caption

Syntax

<legend>…</legend>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<li>

HTML2

List item

Syntax

<li>…</li>

Attributes

Attribute	Type / values	Description
`value`	Number	Value of this item (in <ol>)

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<license>

HTML7

License wrapper (Creative Commons)

Live example

Licensed content

Syntax

<license>…</license>

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-license`
Prefix-free	<license> (runtime aliases to `wl-license`)
Status	HTML67 · live

HTML67 spec ↗

<link>

HTML2

External resource link

Syntax

<link>…</link>

Attributes

Attribute	Type / values	Description
`rel`	stylesheet · icon · preload · preconnect · manifest · alternate · canonical	Relationship to the resource
`href`	URL	Target of the resource
`type`	MIME	MIME type (text/css …)
`media`	String	Media query for conditional loading
`sizes`	String	Icon sizes (16x16 …)
`as`	script · style · image · font · fetch	Resource type for preload
`crossorigin`	anonymous · use-credentials	CORS mode
`integrity`	String	Subresource Integrity hash
`hreflang`	String	Language of the linked resource

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<list>

HTML6

Clickable row list

Live example

Syntax

<list>…</list>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-list`
Prefix-free	<list> (runtime aliases to `wl-list`)
Status	HTML67 · live

HTML67 spec ↗

<list-of>

HTML6

Repeats a template over data

Live example

Sample content

generated automatically from the props

Syntax

<list-of>…</list-of>

Props / Attributes

Attribute	Type	Description
`kind`	figure · table
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-list-of`
Prefix-free	<list-of> (runtime aliases to `wl-list-of`)
Status	HTML67 · live

HTML67 spec ↗

<listing>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Preformatted code

Syntax

<listing>…</listing>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<lottie>

HTML6

Lottie animation

Live example

Syntax

<lottie>…</lottie>

Props / Attributes

Attribute	Type	Description
`src`	String
`loop`	Boolean
`autoplay`	Boolean
`height`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-lottie`
Prefix-free	<lottie> (runtime aliases to `wl-lottie`)
Status	HTML67 · live

HTML67 spec ↗

<main>

HTML5

Dominant content

Syntax

<main>…</main>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<map>

HTML2

Image map

Syntax

<map>…</map>

Attributes

Attribute	Type / values	Description
`name`	String	Name referenced by usemap

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<mark>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp █ highlight █. → GlyphUp

Highlighted text

Syntax

<mark>…</mark>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Replacement in HTML67	GlyphUp █ highlight █
Status	Superseded in HTML67

<marquee>

HTML6

Scrolling text — HTML67 revives it (reduced-motion safe)

Live example

Breaking news — HTML67 brings the marquee back …

Syntax

<marquee>…</marquee>

Props / Attributes

Attribute	Type	Description
`direction`	left · right
`speed`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-marquee`
Prefix-free	<marquee> (runtime aliases to `wl-marquee`)
Status	HTML67 · live

HTML67 spec ↗

<math>

HTML5

MathML container

Syntax

<math>…</math>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<menu>

HTML5

Menu/toolbar list

Syntax

<menu>…</menu>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<menubar>

HTML6OpenUI · active ↗

Menu bar (File/Edit…)

Live example

Syntax

<menubar>…</menubar>

Props / Attributes

Attribute	Type	Description
`menus`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-menubar`
Prefix-free	<menubar> (runtime aliases to `wl-menubar`)
Status	HTML67 · live

HTML67 spec ↗

<menuitem>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Context-menu command

Syntax

<menuitem>…</menuitem>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Deprecated / obsolete

<mermaid>

HTML6

Diagram from text (Mermaid)

Live example

Syntax

<mermaid>…</mermaid>

Props / Attributes

Attribute	Type	Description
`code`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-mermaid`
Prefix-free	<mermaid> (runtime aliases to `wl-mermaid`)
Status	HTML67 · live

HTML67 spec ↗

<meta>

HTML2

Metadata (charset, viewport, …)

Syntax

<meta>…</meta>

Attributes

Attribute	Type / values	Description
`name`	String	Metadata name (viewport, description, author …)
`content`	String	Value for name/http-equiv
`charset`	String	Character encoding (utf-8)
`http-equiv`	content-type · default-style · refresh · content-security-policy	Pragma directive
`property`	String	Open Graph / RDFa property (og:title …)

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<meter>

HTML5

Scalar gauge

Syntax

<meter>…</meter>

Attributes

Attribute	Type / values	Description
`value`	Number	Current value
`min`	Number	Lower bound
`max`	Number	Upper bound
`low`	Number	Threshold "low"
`high`	Number	Threshold "high"
`optimum`	Number	Optimal value

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<modal>

HTML6

Modal (HTML67 take on <dialog>)

HTML67 take on <dialog>.

Live example

Sample content

generated automatically from the props

Syntax

<modal>…</modal>

Props / Attributes

Attribute	Type	Description
`open`	Boolean
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-dialog`
Prefix-free	<modal> (runtime aliases to `wl-dialog`)
Status	HTML67 · live

HTML67 spec ↗

<msg>

HTML6

Msg

Live example

One message, declarative.

Syntax

<msg>…</msg>

Props / Attributes

Attribute	Type	Description
`from`	String
`side`	in · out
`time`	String
`status`	sent · delivered · read
`avatar`	String
`typing`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-msg`
Prefix-free	<msg> (runtime aliases to `wl-msg`)
Status	HTML67 · live

HTML67 spec ↗

<nav>

HTML5

Navigation links

Syntax

<nav>…</nav>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<nav-menu>

HTML6OpenUI · active ↗

Horizontal navigation

Live example

Syntax

<nav-menu>…</nav-menu>

Props / Attributes

Attribute	Type	Description
`items`	Array
`active`	String

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-nav-menu`
Prefix-free	<nav-menu> (runtime aliases to `wl-nav-menu`)
Status	HTML67 · live

HTML67 spec ↗

<navbar>

HTML6OpenUI · active ↗

Responsive navbar — native popover hamburger, no JS soup

Live example

Wilhelm

Syntax

<navbar>…</navbar>

Props / Attributes

Attribute	Type	Description
`active`	String
`breakpoint`	String
`narrow`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-navbar`
Prefix-free	<navbar> (runtime aliases to `wl-navbar`)
Status	HTML67 · live

HTML67 spec ↗

<nobr>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

No line break

Syntax

<nobr>…</nobr>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<noembed>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Embed fallback

Syntax

<noembed>…</noembed>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<noframes>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Frameset fallback

Syntax

<noframes>…</noframes>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 4
Status	Deprecated / obsolete

<norm>

HTML7

Legal norm with section (§/Art.)

Live example

Syntax

<norm>…</norm>

Props / Attributes

Attribute	Type	Description
`gesetz`	String
`para`	String
`abs`	String
`satz`	String
`nr`	String
`text`	String
`art`	Boolean	Artikel statt Paragraph (GG, EU-Recht)
`href`	String	Quelle überschreiben (Norm nicht auf gesetze-im-internet, z.B. MStV/DSGVO)
`jsonld`	Boolean	schema.org/Legislation als ld+json-Kind mitschreiben

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-norm`
Prefix-free	<norm> (runtime aliases to `wl-norm`)
Status	HTML67 · live

HTML67 spec ↗

<noscript>

HTML2

Script fallback

Syntax

<noscript>…</noscript>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<number>

HTML7

Localized number/currency/percent

Live example

Syntax

<number>…</number>

Props / Attributes

Attribute	Type	Description
`value`	String
`format`	decimal · currency · percent
`currency`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-number`
Prefix-free	<number> (runtime aliases to `wl-number`)
Status	HTML67 · live

HTML67 spec ↗

<object>

superseded · HTML67

↪ Superseded in HTML67 — use <include>. → include

External resource

Syntax

<object>…</object>

Attributes

Attribute	Type / values	Description
`data`	URL	Resource
`type`	MIME	MIME type
`name`	String	Name of the context
`width`	Number	Width in px
`height`	Number	Height in px
`form`	String	id of the associated form

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<include>
Status	Superseded in HTML67

<ol>

HTML2

Ordered list

Syntax

<ol>…</ol>

Attributes

Attribute	Type / values	Description
`type`	1 · a · A · i · I	Numbering style
`start`	Number	Start value
`reversed`	Boolean	Count descending

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<optgroup>

HTML2

Option group

Syntax

<optgroup>…</optgroup>

Attributes

Attribute	Type / values	Description
`label`	String	Group name
`disabled`	Boolean	Disable the entire group

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<option>

HTML2

Select option

Syntax

<option>…</option>

Attributes

Attribute	Type / values	Description
`value`	String	Submitted value
`selected`	Boolean	Pre-selected
`disabled`	Boolean	Not selectable
`label`	String	Display text

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<output>

HTML5

Calculation result

Syntax

<output>…</output>

Attributes

Attribute	Type / values	Description
`for`	String	ids of the involved inputs
`form`	String	id of the form
`name`	String	Name

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<p>

HTML2

Paragraph

Syntax

<p>…</p>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<pagination>

HTML6

Page through results

Live example

Syntax

<pagination>…</pagination>

Props / Attributes

Attribute	Type	Description
`page`	Number
`total`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-pagination`
Prefix-free	<pagination> (runtime aliases to `wl-pagination`)
Status	HTML67 · live

HTML67 spec ↗

<panel>

HTML6

Flat container with a title bar

Live example

Content inside the panel, a flat container.

Syntax

<panel>…</panel>

Props / Attributes

Attribute	Type	Description
`heading`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-panel`
Prefix-free	<panel> (runtime aliases to `wl-panel`)
Status	HTML67 · live

HTML67 spec ↗

<paper>

HTML7

DIN 5008 business letter

Live example

Dear Erika,

this whole page is a single <paper> element — fold marks, address window and date sit at their DIN 5008 positions. On small screens it scales to fit.

Yours, Wilhelm

Syntax

<paper>…</paper>

Props / Attributes

Attribute	Type	Description
`recipient`	Array
`subject`	String
`return-address`	String
`no-marks`	Boolean
`format`	String

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-paper`
Prefix-free	<paper> (runtime aliases to `wl-paper`)
Status	HTML67 · live

HTML67 spec ↗

<param>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Object parameter

Syntax

<param>…</param>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<pdf>

HTML6

PDF viewer

Live example

Syntax

<pdf>…</pdf>

Props / Attributes

Attribute	Type	Description
`src`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-pdf`
Prefix-free	<pdf> (runtime aliases to `wl-pdf`)
Status	HTML67 · live

HTML67 spec ↗

<phone>

HTML7

Phone field with country code

Live example

Syntax

<phone>…</phone>

Props / Attributes

Attribute	Type	Description
`value`	String
`country`	String
`placeholder`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-phone`
Prefix-free	<phone> (runtime aliases to `wl-phone`)
Status	HTML67 · live

HTML67 spec ↗

<picture>

HTML5

Responsive image container

Syntax

<picture>…</picture>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<pie>

HTML6

Pie chart

Live example

Syntax

<pie>…</pie>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean
`texture`	Boolean
`flat`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-pie`
Prefix-free	<pie> (runtime aliases to `wl-pie`)
Status	HTML67 · live

HTML67 spec ↗

<place>

HTML7

Place on the map

Live example

Syntax

<place>…</place>

Props / Attributes

Attribute	Type	Description
`name`	String
`address`	String
`lat`	Number
`lng`	Number

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-place`
Prefix-free	<place> (runtime aliases to `wl-place`)
Status	HTML67 · live

HTML67 spec ↗

<plaintext>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Raw text rest-of-document

Syntax

<plaintext>…</plaintext>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<player>

HTML6

Video/audio player

Live example

Syntax

<player>…</player>

Props / Attributes

Attribute	Type	Description
`src`	String
`type`	video · audio
`poster`	String
`provider`	String
`note`	String
`consent`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-player`
Prefix-free	<player> (runtime aliases to `wl-player`)
Status	HTML67 · live

HTML67 spec ↗

<playlist>

HTML6

Media playlist

Live example

Syntax

<playlist>…</playlist>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-playlist`
Prefix-free	<playlist> (runtime aliases to `wl-playlist`)
Status	HTML67 · live

HTML67 spec ↗

<popover>

HTML6OpenUI · graduated ↗

Floating content on click

Live example

Open popover

Floating content.

Syntax

<popover>…</popover>

Props / Attributes

Attribute	Type	Description
`open`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-popover`
Prefix-free	<popover> (runtime aliases to `wl-popover`)
Status	HTML67 · live

HTML67 spec ↗

<pre>

HTML2

Preformatted text

Syntax

<pre>…</pre>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<price>

HTML7

Price (currency, strikethrough price)

Live example

Syntax

<price>…</price>

Props / Attributes

Attribute	Type	Description
`amount`	Number
`currency`	String
`compare-at`	Number
`from`	Boolean
`locale`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-price`
Prefix-free	<price> (runtime aliases to `wl-price`)
Status	HTML67 · live

HTML67 spec ↗

<product-card>

HTML7

Product card (shop)

Live example

Syntax

<product-card>…</product-card>

Props / Attributes

Attribute	Type	Description
`title`	String
`image`	String
`amount`	Number
`compare-at`	Number
`currency`	String
`rating`	Number
`count`	Number

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-product-card`
Prefix-free	<product-card> (runtime aliases to `wl-product-card`)
Status	HTML67 · live

HTML67 spec ↗

<progress>

superseded · HTML67

↪ Superseded in HTML67 — use <progressbar>. → progressbar

Progress bar

Syntax

<progress>…</progress>

Attributes

Attribute	Type / values	Description
`value`	Number	Current progress
`max`	Number	Maximum value

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Replacement in HTML67	<progressbar>
Status	Superseded in HTML67

<progressbar>

HTML6

Progress bar

HTML67 take on <progress>.

Live example

Syntax

<progressbar>…</progressbar>

Props / Attributes

Attribute	Type	Description
`value`	Number
`max`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-progress`
Prefix-free	<progressbar> (runtime aliases to `wl-progress`)
Status	HTML67 · live

HTML67 spec ↗

<prose>

HTML6

Prose

Live example

Sample content

generated automatically from the props

Syntax

<prose>…</prose>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-prose`
Prefix-free	<prose> (runtime aliases to `wl-prose`)
Status	HTML67 · live

HTML67 spec ↗

<q>

HTML2

Inline quotation

Syntax

<q>…</q>

Attributes

Attribute	Type / values	Description
`cite`	URL	Source of the quotation

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<qr>

HTML6

QR code + scanner

Live example

Syntax

<qr>…</qr>

Props / Attributes

Attribute	Type	Description
`value`	String
`size`	Number
`scan`	Boolean
`label`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-qr`
Prefix-free	<qr> (runtime aliases to `wl-qr`)
Status	HTML67 · live

HTML67 spec ↗

<quantity-stepper>

HTML6

Quantity stepper (+/–)

Live example

Syntax

<quantity-stepper>…</quantity-stepper>

Props / Attributes

Attribute	Type	Description
`value`	Number
`min`	Number
`max`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-quantity-stepper`
Prefix-free	<quantity-stepper> (runtime aliases to `wl-quantity-stepper`)
Status	HTML67 · live

HTML67 spec ↗

<radar>

HTML6

Radar chart

Live example

Syntax

<radar>…</radar>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean
`axes`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-radar`
Prefix-free	<radar> (runtime aliases to `wl-radar`)
Status	HTML67 · live

HTML67 spec ↗

<radial-bar>

HTML6

Radial bars

Live example

Syntax

<radial-bar>…</radial-bar>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-radial-bar`
Prefix-free	<radial-bar> (runtime aliases to `wl-radial-bar`)
Status	HTML67 · live

HTML67 spec ↗

<radio-group>

HTML6

Radio Group

Live example

Syntax

<radio-group>…</radio-group>

Props / Attributes

Attribute	Type	Description
`options`	Array
`value`	String
`label`	String
`disabled`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-radio-group`
Prefix-free	<radio-group> (runtime aliases to `wl-radio-group`)
Status	HTML67 · live

HTML67 spec ↗

<range>

HTML6OpenUI · active ↗

Value slider — ticks + single/dual thumb

Live example

Syntax

<range>…</range>

Props / Attributes

Attribute	Type	Description
`min`	Number
`max`	Number
`step`	Number
`value`	Number
`values`	String	"20,60" → Multi-Thumb
`ticks`	String	"" (Boolean) oder Zahl = Anzahl
`stepbetween`	Number	Mindestabstand der Thumbs (Multi)
`disabled`	Boolean
`name`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-range`
Prefix-free	<range> (runtime aliases to `wl-range`)
Status	HTML67 · live

HTML67 spec ↗

<rating>

HTML6

Star rating

Live example

Syntax

<rating>…</rating>

Props / Attributes

Attribute	Type	Description
`value`	Number
`max`	Number
`count`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-rating`
Prefix-free	<rating> (runtime aliases to `wl-rating`)
Status	HTML67 · live

HTML67 spec ↗

<rb>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Ruby base

Syntax

<rb>…</rb>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Deprecated / obsolete

<ref>

HTML7

Cross-reference to figure/equation/norm

Live example

Sample content

generated automatically from the props

Syntax

<ref>…</ref>

Props / Attributes

Attribute	Type	Description
`to`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-ref`
Prefix-free	<ref> (runtime aliases to `wl-ref`)
Status	HTML67 · live

HTML67 spec ↗

<ring>

HTML6

Circular progress

Live example

Syntax

<ring>…</ring>

Props / Attributes

Attribute	Type	Description
`value`	Number
`max`	Number
`size`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-ring`
Prefix-free	<ring> (runtime aliases to `wl-ring`)
Status	HTML67 · live

HTML67 spec ↗

<rp>

HTML5

Ruby fallback parenthesis

Syntax

<rp>…</rp>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<rt>

HTML5

Ruby text

Syntax

<rt>…</rt>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<rtc>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Ruby text container

Syntax

<rtc>…</rtc>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Deprecated / obsolete

<ruby>

HTML5

Ruby annotation

Syntax

<ruby>…</ruby>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<s>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp -- struck --. → GlyphUp

No-longer-accurate text

Syntax

<s>…</s>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	GlyphUp -- struck --
Status	Superseded in HTML67

<samp>

HTML2

Sample output

Syntax

<samp>…</samp>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<sandbox>

HTML6

Sandbox

Live example

Sample content

generated automatically from the props

Syntax

<sandbox>…</sandbox>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-sandbox`
Prefix-free	<sandbox> (runtime aliases to `wl-sandbox`)
Status	HTML67 · live

HTML67 spec ↗

<sankey>

HTML6

Flow diagram

Live example

Syntax

<sankey>…</sankey>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-sankey`
Prefix-free	<sankey> (runtime aliases to `wl-sankey`)
Status	HTML67 · live

HTML67 spec ↗

<script>

HTML2

Script

Syntax

<script>…</script>

Attributes

Attribute	Type / values	Description
`src`	URL	External script file
`type`	module · text/javascript · importmap	Script type
`async`	Boolean	Load asynchronously
`defer`	Boolean	Run after parsing
`nomodule`	Boolean	Only for non-module browsers
`crossorigin`	anonymous · use-credentials	CORS mode
`integrity`	String	SRI hash
`referrerpolicy`	String	Referrer policy

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<scroller>

HTML6

Horizontal snap scroller

Live example

Card 1

Card 2

Card 3

Card 4

Syntax

<scroller>…</scroller>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-scroller`
Prefix-free	<scroller> (runtime aliases to `wl-scroller`)
Status	HTML67 · live

HTML67 spec ↗

<search>

HTML5

Search/filter controls

Syntax

<search>…</search>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<section>

HTML5

Generic standalone section

Syntax

<section>…</section>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<select>

superseded · HTML67

↪ Superseded in HTML67 — use <combobox>. → combobox

Dropdown select

Syntax

<select>…</select>

Attributes

Attribute	Type / values	Description
`name`	String	Field name
`multiple`	Boolean	Multiple selection
`size`	Number	Visible options
`required`	Boolean	Required field
`disabled`	Boolean	Disabled
`autocomplete`	String	Autofill hint
`form`	String	id of the form

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<combobox>
Status	Superseded in HTML67

<sepa-mandate>

HTML7

SEPA direct-debit mandate

Live example

Syntax

<sepa-mandate>…</sepa-mandate>

Props / Attributes

Attribute	Type	Description
`creditor`	String
`creditor-id`	String
`creditor-address`	String
`mandate-ref`	String
`type`	String	recurring \| oneoff
`jsonld`	Boolean	schema.org-Datensatz in document.head mitschreiben

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-sepa-mandate`
Prefix-free	<sepa-mandate> (runtime aliases to `wl-sepa-mandate`)
Status	HTML67 · live

HTML67 spec ↗

<shiki>

HTML6

Shiki

Live example

Syntax

<shiki>…</shiki>

Props / Attributes

Attribute	Type	Description
`code`	String
`lang`	String
`theme`	String
`theme-dark`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-shiki`
Prefix-free	<shiki> (runtime aliases to `wl-shiki`)
Status	HTML67 · live

HTML67 spec ↗

<shneidermap>

HTML6

Treemap (Shneiderman)

Live example

Syntax

<shneidermap>…</shneidermap>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-treemap`
Prefix-free	<shneidermap> (runtime aliases to `wl-treemap`)
Status	HTML67 · live

HTML67 spec ↗

<sidebar>

HTML6

Workspace navigation

Live example

Syntax

<sidebar>…</sidebar>

Props / Attributes

Attribute	Type	Description
`items`	Array
`active`	String
`collapsed`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-sidebar`
Prefix-free	<sidebar> (runtime aliases to `wl-sidebar`)
Status	HTML67 · live

HTML67 spec ↗

<signature>

HTML6

Signature field

Live example

Syntax

<signature>…</signature>

Props / Attributes

Attribute	Type	Description
`name`	String
`ort`	String
`label`	String
`height`	Number
`date`	String	signiertes Datum (überschreibt „heute")
`value`	String	PNG-dataURL der Unterschrift
`signed`	Boolean
`locked`	Boolean	signiert, kein „Neu" (final)

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-signature`
Prefix-free	<signature> (runtime aliases to `wl-signature`)
Status	HTML67 · live

HTML67 spec ↗

<signature-pad>

HTML6

Freehand signature

Live example

Syntax

<signature-pad>…</signature-pad>

Props / Attributes

Attribute	Type	Description
`height`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-signature-pad`
Prefix-free	<signature-pad> (runtime aliases to `wl-signature-pad`)
Status	HTML67 · live

HTML67 spec ↗

<since>

HTML7

Relative time ("3 days ago")

Live example

Syntax

<since>…</since>

Props / Attributes

Attribute	Type	Description
`datetime`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-since`
Prefix-free	<since> (runtime aliases to `wl-since`)
Status	HTML67 · live

HTML67 spec ↗

<sitemap-nav>

HTML6

Navigation derived from the site itself (manifest.shortcuts)

Live example

Home Docs

Syntax

<sitemap-nav>…</sitemap-nav>

Props / Attributes

Attribute	Type	Description
`src`	String
`active`	String
`sitemap`	String
`depth`	Number
`include`	String
`exclude`	String
`order`	String
`labels`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-sitemap-nav`
Prefix-free	<sitemap-nav> (runtime aliases to `wl-sitemap-nav`)
Status	HTML67 · live

HTML67 spec ↗

<skeleton>

HTML6

Loading placeholder

Live example

Syntax

<skeleton>…</skeleton>

Props / Attributes

Attribute	Type	Description
`w`	String
`h`	String
`radius`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-skeleton`
Prefix-free	<skeleton> (runtime aliases to `wl-skeleton`)
Status	HTML67 · live

HTML67 spec ↗

<skip-nav>

HTML6

Skip Nav

Live example

Sample content

generated automatically from the props

Syntax

<skip-nav>…</skip-nav>

Props / Attributes

Attribute	Type	Description
`target`	String
`label`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-skip-nav`
Prefix-free	<skip-nav> (runtime aliases to `wl-skip-nav`)
Status	HTML67 · live

HTML67 spec ↗

<slider>

HTML6

Content slider (carousel)

Live example

Slide 1

Slide 2

Slide 3

Syntax

<slider>…</slider>

Props / Attributes

Attribute	Type	Description
`autoplay`	Boolean
`interval`	Number
`label`	String
`index`	Number
`no-loop`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-slider`
Prefix-free	<slider> (runtime aliases to `wl-slider`)
Status	HTML67 · live

HTML67 spec ↗

<slot>

HTML5

Shadow-DOM slot

Syntax

<slot>…</slot>

Attributes

Attribute	Type / values	Description
`name`	String	Named slot

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<small>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp / context. → GlyphUp

Side comment / fine print

Syntax

<small>…</small>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	GlyphUp / context
Status	Superseded in HTML67

<social-links>

HTML6

Social Links

Live example

Syntax

<social-links>…</social-links>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-social-links`
Prefix-free	<social-links> (runtime aliases to `wl-social-links`)
Status	HTML67 · live

HTML67 spec ↗

<source>

HTML5

Media/image source

Syntax

<source>…</source>

Attributes

Attribute	Type / values	Description
`src`	URL	Media source (audio/video)
`srcset`	String	Image sources (picture)
`sizes`	String	Display sizes
`type`	MIME	MIME type
`media`	String	Media query

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<spacer>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Whitespace spacer

Syntax

<spacer>…</spacer>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML —
Status	Deprecated / obsolete

<span>

HTML2

Generic inline container

Syntax

<span>…</span>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<spinner>

HTML6

Loading spinner

Live example

Syntax

<spinner>…</spinner>

Props / Attributes

Attribute	Type	Description
`size`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-spinner`
Prefix-free	<spinner> (runtime aliases to `wl-spinner`)
Status	HTML67 · live

HTML67 spec ↗

<split>

HTML6

Resizable split panel

Live example

Left pane

Right pane — drag the middle

Syntax

<split>…</split>

Props / Attributes

Attribute	Type	Description
`vertical`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-split`
Prefix-free	<split> (runtime aliases to `wl-split`)
Status	HTML67 · live

HTML67 spec ↗

<split-button>

HTML6

Split Button

Live example

Sample content

generated automatically from the props

Syntax

<split-button>…</split-button>

Props / Attributes

Attribute	Type	Description
`disabled`	Boolean
`open`	Boolean
`menu-label`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-split-button`
Prefix-free	<split-button> (runtime aliases to `wl-split-button`)
Status	HTML67 · live

HTML67 spec ↗

<stat>

HTML6

Stat

Live example

Syntax

<stat>…</stat>

Props / Attributes

Attribute	Type	Description
`label`	String
`value`	String
`delta`	String
`trend`	up · down

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-stat`
Prefix-free	<stat> (runtime aliases to `wl-stat`)
Status	HTML67 · live

HTML67 spec ↗

<stepper>

HTML6

Step-by-step indicator

Live example

Syntax

<stepper>…</stepper>

Props / Attributes

Attribute	Type	Description
`steps`	Array
`current`	Number

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-stepper`
Prefix-free	<stepper> (runtime aliases to `wl-stepper`)
Status	HTML67 · live

HTML67 spec ↗

<strike>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Struck text

Syntax

<strike>…</strike>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 3.2
Status	Deprecated / obsolete

<strong>

HTML2

Strong importance

Syntax

<strong>…</strong>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<style>

HTML2

Embedded CSS

Syntax

<style>…</style>

Attributes

Attribute	Type / values	Description
`media`	String	Media query
`nonce`	String	CSP nonce
`blocking`	render	Block rendering until loaded

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<sub>

HTML2

Subscript

Syntax

<sub>…</sub>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<summary>

HTML5

Disclosure summary

Syntax

<summary>…</summary>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<sup>

HTML2

Superscript

Syntax

<sup>…</sup>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<svg>

HTML5

Scalable vector graphics

Syntax

<svg>…</svg>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<switch>

HTML6OpenUI · active ↗

Toggle switch

Live example

Syntax

<switch>…</switch>

Props / Attributes

Attribute	Type	Description
`checked`	Boolean
`disabled`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-switch`
Prefix-free	<switch> (runtime aliases to `wl-switch`)
Status	HTML67 · live

HTML67 spec ↗

<tab>

HTML6

Tab

Live example

Sample content

generated automatically from the props

Syntax

<tab>…</tab>

Props / Attributes

Attribute	Type	Description
`label`	String
`active`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tab`
Prefix-free	<tab> (runtime aliases to `wl-tab`)
Status	HTML67 · live

HTML67 spec ↗

<table>

superseded · HTML67

↪ Superseded in HTML67 — use <data-table>. → data-table

Table

Syntax

<table>…</table>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<data-table>
Status	Superseded in HTML67

<tabs>

HTML6

Tab switcher

Live example

Syntax

<tabs>…</tabs>

Props / Attributes

Attribute	Type	Description
`tabs`	Array
`active`	String

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tabs`
Prefix-free	<tabs> (runtime aliases to `wl-tabs`)
Status	HTML67 · live

HTML67 spec ↗

<tag>

HTML6

Removable chip

Live example

design

html67

Syntax

<tag>…</tag>

Props / Attributes

Attribute	Type	Description
`removable`	Boolean
`remove-label`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tag`
Prefix-free	<tag> (runtime aliases to `wl-tag`)
Status	HTML67 · live

HTML67 spec ↗

<tangled-tree>

HTML6

Tangled tree

Live example

Syntax

<tangled-tree>…</tangled-tree>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tangled-tree`
Prefix-free	<tangled-tree> (runtime aliases to `wl-tangled-tree`)
Status	HTML67 · live

HTML67 spec ↗

<tbody>

HTML2

Table body

Syntax

<tbody>…</tbody>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<td>

HTML2

Table data cell

Syntax

<td>…</td>

Attributes

Attribute	Type / values	Description
`colspan`	Number	Span columns
`rowspan`	Number	Span rows
`headers`	String	ids of associated header cells

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<template>

HTML5

Inert content fragment

Syntax

<template>…</template>

Attributes

Attribute	Type / values	Description
`shadowrootmode`	open · closed	Declarative Shadow DOM

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<textarea>

superseded · HTML67

↪ Superseded in HTML67 — use <editor>. → editor

Multiline text input

Syntax

<textarea>…</textarea>

Attributes

Attribute	Type / values	Description
`name`	String	Field name
`rows`	Number	Visible rows
`cols`	Number	Visible columns
`placeholder`	String	Placeholder text
`required`	Boolean	Required field
`disabled`	Boolean	Disabled
`readonly`	Boolean	Read-only
`minlength`	Number	Minimum length
`maxlength`	Number	Maximum length
`wrap`	soft · hard	Line-wrap behavior
`autocomplete`	on · off	Autocomplete

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	<editor>
Status	Superseded in HTML67

<tfoot>

HTML2

Table foot

Syntax

<tfoot>…</tfoot>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<th>

HTML2

Table header cell

Syntax

<th>…</th>

Attributes

Attribute	Type / values	Description
`scope`	row · col · rowgroup · colgroup	Scope of the header cell
`colspan`	Number	Span columns
`rowspan`	Number	Span rows
`abbr`	String	Short form for screen readers
`headers`	String	ids of associated header cells

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<thead>

HTML2

Table head

Syntax

<thead>…</thead>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<time>

HTML5

Date/time

Syntax

<time>…</time>

Attributes

Attribute	Type / values	Description
`datetime`	Datetime	Machine-readable date/time

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<time-picker>

HTML6

Time Picker

Live example

Sample content

generated automatically from the props

Syntax

<time-picker>…</time-picker>

Props / Attributes

Attribute	Type	Description
`value`	String
`step`	Number
`min`	String
`max`	String
`placeholder`	String
`open`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-time-picker`
Prefix-free	<time-picker> (runtime aliases to `wl-time-picker`)
Status	HTML67 · live

HTML67 spec ↗

<timeline>

HTML6

Vertical activity list

Live example

Syntax

<timeline>…</timeline>

Props / Attributes

Attribute	Type	Description
`items`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-timeline`
Prefix-free	<timeline> (runtime aliases to `wl-timeline`)
Status	HTML67 · live

HTML67 spec ↗

<title>

HTML2

Document title

Syntax

<title>…</title>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<toc>

HTML6

Toc

Live example

Sample content

generated automatically from the props

Syntax

<toc>…</toc>

Props / Attributes

Attribute	Type	Description
`scope`	String
`depth`	String
`scrollspy`	Boolean
`numbered`	Boolean
`observe`	Boolean
`label`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-toc`
Prefix-free	<toc> (runtime aliases to `wl-toc`)
Status	HTML67 · live

HTML67 spec ↗

<toggle>

HTML6OpenUI · active ↗

Toggle

Live example

Toggle

Syntax

<toggle>…</toggle>

Props / Attributes

Attribute	Type	Description
`pressed`	Boolean
`mixed`	Boolean
`disabled`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-toggle`
Prefix-free	<toggle> (runtime aliases to `wl-toggle`)
Status	HTML67 · live

HTML67 spec ↗

<toolbar>

HTML6OpenUI · active ↗

Toolbar — one tab-stop, arrow-key navigation

Live example

B

I

U

Link

Syntax

<toolbar>…</toolbar>

Props / Attributes

Attribute	Type	Description
`label`	String
`orientation`	horizontal · vertical
`disabled`	Boolean

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-toolbar`
Prefix-free	<toolbar> (runtime aliases to `wl-toolbar`)
Status	HTML67 · live

HTML67 spec ↗

<tooltip>

HTML6OpenUI · graduated ↗

Quick info on hover

Live example

Hover me

Syntax

<tooltip>…</tooltip>

Props / Attributes

Attribute	Type	Description
`text`	String

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tooltip`
Prefix-free	<tooltip> (runtime aliases to `wl-tooltip`)
Status	HTML67 · live

HTML67 spec ↗

<tr>

HTML2

Table row

Syntax

<tr>…</tr>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<track>

HTML5

Text track for media

Syntax

<track>…</track>

Attributes

Attribute	Type / values	Description
`src`	URL	VTT file
`kind`	subtitles · captions · descriptions · chapters · metadata	Kind of track
`srclang`	String	Language of the track
`label`	String	Display name
`default`	Boolean	Default track

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<tree>

HTML6

Expandable tree

Live example

Syntax

<tree>…</tree>

Props / Attributes

Attribute	Type	Description
`nodes`	Array

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-tree`
Prefix-free	<tree> (runtime aliases to `wl-tree`)
Status	HTML67 · live

HTML67 spec ↗

<tt>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Teletype text

Syntax

<tt>…</tt>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<u>

superseded · HTML67

↪ Superseded in HTML67 — use GlyphUp _underline_. → GlyphUp

Unarticulated annotation

Syntax

<u>…</u>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Replacement in HTML67	GlyphUp _underline_
Status	Superseded in HTML67

<ul>

HTML2

Unordered list

Syntax

<ul>…</ul>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<unit>

HTML7

Quantity with unit (localized)

Live example

Syntax

<unit>…</unit>

Props / Attributes

Attribute	Type	Description
`value`	String
`unit`	String
`locale`	String

Details

Generation	HTML7 — HTML7 · Vocabulary
Implementation	`wl-unit`
Prefix-free	<unit> (runtime aliases to `wl-unit`)
Status	HTML67 · live

HTML67 spec ↗

<var>

HTML2

Variable

Syntax

<var>…</var>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Standard

<video>

superseded · HTML67

↪ Superseded in HTML67 — use <player>. → player

Video content

Syntax

<video>…</video>

Attributes

Attribute	Type / values	Description
`src`	URL	Video source
`poster`	URL	Preview image
`controls`	Boolean	Show controls
`autoplay`	Boolean	Play automatically
`loop`	Boolean	Loop endlessly
`muted`	Boolean	Start muted
`playsinline`	Boolean	Inline instead of fullscreen (mobile)
`preload`	none · metadata · auto	Preload behavior
`width`	Number	Width in px
`height`	Number	Height in px
`crossorigin`	anonymous · use-credentials	CORS mode

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Replacement in HTML67	<player>
Status	Superseded in HTML67

<violin>

HTML6

Violin plot (distribution density)

Live example

Syntax

<violin>…</violin>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-violin`
Prefix-free	<violin> (runtime aliases to `wl-violin`)
Status	HTML67 · live

HTML67 spec ↗

<waveform>

HTML6

Audio waveform

Live example

Syntax

<waveform>…</waveform>

Props / Attributes

Attribute	Type	Description
`src`	String
`height`	Number

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-waveform`
Prefix-free	<waveform> (runtime aliases to `wl-waveform`)
Status	HTML67 · live

HTML67 spec ↗

<wbr>

HTML5

Line-break opportunity

Syntax

<wbr>…</wbr>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 5
Status	Standard

<wordcloud>

HTML6

Word cloud

Live example

Syntax

<wordcloud>…</wordcloud>

Props / Attributes

Attribute	Type	Description
`height`	Number
`data`	Array
`animated`	Boolean
`labels`	Boolean

Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-wordcloud`
Prefix-free	<wordcloud> (runtime aliases to `wl-wordcloud`)
Status	HTML67 · live

HTML67 spec ↗

<xmp>

deprecated

⚠ Deprecated — do not use in new HTML. Here for reference only, struck through as in the index.

Example preformatted

Syntax

<xmp>…</xmp>

Attributes

No element-specific attributes — only the global attributes.

Global attributes

As on every HTML element: id · class · style · title · hidden · lang · dir · tabindex · role · contenteditable · draggable · spellcheck · translate · inert · popover · accesskey · autocapitalize · enterkeyhint plus data-*, aria-* and event handlers (on*).

Details

Category	Native HTML
Since	HTML 2
Status	Deprecated / obsolete

<zoom-frame>

HTML6

Zoomable/pannable frame

Live example

Scroll wheel = zoom · Drag = pan

Syntax

<zoom-frame>…</zoom-frame>

Details

Generation	HTML6 — HTML6 · UI & Presentation
Implementation	`wl-zoom-frame`
Prefix-free	<zoom-frame> (runtime aliases to `wl-zoom-frame`)
Status	HTML67 · live

HTML67 spec ↗

`button-group`

Prop · not an element

Not an element — this is Prop. <button-group> is deliberately not an HTML67 tag; it stays as the wl-button-group web component or becomes a prop/CSS.

Button Group

Instead

<button group>…</button>

Details

Role	Prop (not an element)
Implementation	`wl-button-group`
Bare tag?	no — not aliased

HTML67 spec ↗

`icon-button`

Prop · not an element

Not an element — this is Prop. <icon-button> is deliberately not an HTML67 tag; it stays as the wl-icon-button web component or becomes a prop/CSS.

Icon Button

Instead

<button icon>…</button>

Details

Role	Prop (not an element)
Implementation	`wl-icon-button`
Bare tag?	no — not aliased

HTML67 spec ↗

`toggle-group`

Prop · not an element

Not an element — this is Prop. <toggle-group> is deliberately not an HTML67 tag; it stays as the wl-toggle-group web component or becomes a prop/CSS.

Toggle Group

Instead

<toggle group>…</toggle>

Details

Role	Prop (not an element)
Implementation	`wl-toggle-group`
Bare tag?	no — not aliased

HTML67 spec ↗

`uncertainty`

Prop · not an element

Not an element — this is Prop. <uncertainty> is deliberately not an HTML67 tag; it stays as the wl-uncertainty web component or becomes a prop/CSS.

Uncertainty

Instead

<unit value="90" uncertainty="±2">

Details

Role	Prop (not an element)
Implementation	`wl-uncertainty`
Bare tag?	no — not aliased

HTML67 spec ↗

`accordion`

Variant · not an elementOpenUI · graduated ↗

Not an element — this is Variant. <accordion> is deliberately not an HTML67 tag; it stays as the wl-accordion web component or becomes a prop/CSS.

Accordion

Instead

<dropdown>/<details> with state (open/closed)

Details

Role	Variant (not an element)
Implementation	`wl-accordion`
Bare tag?	no — not aliased

HTML67 spec ↗

`alert-dialog`

Variant · not an element

Not an element — this is Variant. <alert-dialog> is deliberately not an HTML67 tag; it stays as the wl-alert-dialog web component or becomes a prop/CSS.

Alert Dialog

Instead

<dialog> (confirmation variant with confirm/cancel)

Details

Role	Variant (not an element)
Implementation	`wl-alert-dialog`
Bare tag?	no — not aliased

HTML67 spec ↗

`animation`

Behavior · not an element

Not an element — this is Behavior. <animation> is deliberately not an HTML67 tag; it stays as the wl-animation web component or becomes a prop/CSS.

Animation

Instead

<element animate> / IntersectionObserver

Details

Role	Behavior (not an element)
Implementation	`wl-animation`
Bare tag?	no — not aliased

HTML67 spec ↗

`annotatable`

Behavior · not an element

Not an element — this is Behavior. <annotatable> is deliberately not an HTML67 tag; it stays as the wl-annotatable web component or becomes a prop/CSS.

Annotatable

Instead

<article annotatable>…</article>

Details

Role	Behavior (not an element)
Implementation	`wl-annotatable`
Bare tag?	no — not aliased

HTML67 spec ↗

`brush-zoom`

Behavior · not an element

Not an element — this is Behavior. <brush-zoom> is deliberately not an HTML67 tag; it stays as the wl-brush-zoom web component or becomes a prop/CSS.

Brush Zoom

Instead

<chart brush-zoom>

Details

Role	Behavior (not an element)
Implementation	`wl-brush-zoom`
Bare tag?	no — not aliased

HTML67 spec ↗

`chart-annotations`

Behavior · not an element

Not an element — this is Behavior. <chart-annotations> is deliberately not an HTML67 tag; it stays as the wl-chart-annotations web component or becomes a prop/CSS.

Chart Annotations

Instead

<chart annotations="…">

Details

Role	Behavior (not an element)
Implementation	`wl-chart-annotations`
Bare tag?	no — not aliased

HTML67 spec ↗

`collapsible`

Behavior · not an element

Not an element — this is Behavior. <collapsible> is deliberately not an HTML67 tag; it stays as the wl-collapsible web component or becomes a prop/CSS.

Collapsible

Instead

<details> or <section collapsible>

Details

Role	Behavior (not an element)
Implementation	`wl-collapsible`
Bare tag?	no — not aliased

HTML67 spec ↗

`scrollytelling`

Behavior · not an element

Not an element — this is Behavior. <scrollytelling> is deliberately not an HTML67 tag; it stays as the wl-scrollytelling web component or becomes a prop/CSS.

Scrollytelling

Instead

<article scrollytelling>

Details

Role	Behavior (not an element)
Implementation	`wl-scrollytelling`
Bare tag?	no — not aliased

HTML67 spec ↗

`sortable`

Behavior · not an element

Not an element — this is Behavior. <sortable> is deliberately not an HTML67 tag; it stays as the wl-sortable web component or becomes a prop/CSS.

Sortable

Instead

<list sortable>…</list>

Details

Role	Behavior (not an element)
Implementation	`wl-sortable`
Bare tag?	no — not aliased

HTML67 spec ↗

`toast`

Behavior · not an element

Not an element — this is Behavior. <toast> is deliberately not an HTML67 tag; it stays as the wl-toast web component or becomes a prop/CSS.

Toast

Instead

global notification, not a document element

Details

Role	Behavior (not an element)
Implementation	`wl-toast`
Bare tag?	no — not aliased

HTML67 spec ↗

`tour`

Behavior · not an element

Not an element — this is Behavior. <tour> is deliberately not an HTML67 tag; it stays as the wl-tour web component or becomes a prop/CSS.

Tour

Instead

App overlay, not a document element

Details

Role	Behavior (not an element)
Implementation	`wl-tour`
Bare tag?	no — not aliased

HTML67 spec ↗

`aspect-ratio`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <aspect-ratio> is deliberately not an HTML67 tag; it stays as the wl-aspect-ratio web component or becomes a prop/CSS.

Aspect Ratio

Instead

style="aspect-ratio:16/9"

Details

Role	CSS / Layout (not an element)
Implementation	`wl-aspect-ratio`
Bare tag?	no — not aliased

HTML67 spec ↗

`floating`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <floating> is deliberately not an HTML67 tag; it stays as the wl-floating web component or becomes a prop/CSS.

Floating

Instead

CSS position / Anchor positioning

Details

Role	CSS / Layout (not an element)
Implementation	`wl-floating`
Bare tag?	no — not aliased

HTML67 spec ↗

`resizable`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <resizable> is deliberately not an HTML67 tag; it stays as the wl-resizable web component or becomes a prop/CSS.

Resizable

Instead

style="resize:both;overflow:auto"

Details

Role	CSS / Layout (not an element)
Implementation	`wl-resizable`
Bare tag?	no — not aliased

HTML67 spec ↗

`scroll-area`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <scroll-area> is deliberately not an HTML67 tag; it stays as the wl-scroll-area web component or becomes a prop/CSS.

Scroll Area

Instead

style="overflow:auto"

Details

Role	CSS / Layout (not an element)
Implementation	`wl-scroll-area`
Bare tag?	no — not aliased

HTML67 spec ↗

`separator`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <separator> is deliberately not an HTML67 tag; it stays as the wl-separator web component or becomes a prop/CSS.

Separator

Instead

<hr> (native element)

Details

Role	CSS / Layout (not an element)
Implementation	`wl-separator`
Bare tag?	no — not aliased

HTML67 spec ↗

`stack`

CSS / Layout · not an element

Not an element — this is CSS / Layout. <stack> is deliberately not an HTML67 tag; it stays as the wl-stack web component or becomes a prop/CSS.

Stack

Instead

style="display:flex;flex-direction:column;gap:1rem"

Details

Role	CSS / Layout (not an element)
Implementation	`wl-stack`
Bare tag?	no — not aliased

HTML67 spec ↗

Components

Lit + OpenProps, monochrom auf den TwentyCRM-Tokens, ohne Bundler. Jede Komponente ist ein Tag — kein Build-Step. Charts laufen nativ, ohne Lib im Markup.

Examples

Fertige Seiten und Flächen aus den Bausteinen zusammengesetzt — Dashboards, Shop, Recht, Marketing. Nur droppen, kein Zusammenbau.

HTML67 Element Reference

Every HTML element on one page — the native ones (the "old" set, with version and struck-through deprecated tags) and the HTML67 components, by generation. Pick an element on the left.

141HTML67 elements

99native elements

27legacy deprecated

16superseded by HTML67

21Web Components (not DOM)

Topics — by use case

Elements bundled for direct access instead of searching one by one.

Law, licenses & IPIntellectual property, licenses and legal texts as ready-made building blocks — Creative Commons, sections, contracts, GDPR.AccessibilityElements that bring accessibility built in — spelled-out abbreviations, labeled fields, machine-readable and localized values.Digital sovereigntyYour own infrastructure instead of Big Tech embeds — self-hosted maps, media and files, without third-party trackers.File types & viewersOne element per file type — 3D models, PDFs, gigapixel images, formulas, diagrams and code.