Cards, charts, maps, legal and science vocabulary as native tags —
one stylesheet, one script, 0 build steps. Every page stays valid HTML5;
the runtime upgrades the bare tags in place. 120 elements on top of HTML5.
HTML67 is part of Project Wilhelm and in daily use:
the Wilhelm site, its editors and this documentation are written in it. Four examples, all live:
Signature<signature>
Map<geo>
Graph<graph>
Year
Apps in the stack
2020
3
2021
9
2022
14
2023
22
2024
31
2025
42
2026
53
GlyphUp<glyph>
Software [- rented -] [+ owned +], as █ digital public infrastructure █ ( ✶ that is the whole point ) and @hope+( done by 2030 ). GlyphUp is the next [- Markdown -] [+ Markdown, native in HTML67 +]: a few plain characters mark a █ highlight █, a deletion, an insertion or a comment ( ✶ like this one ) right in the text. Nothing to install, nothing to build — the file stays HTML.
Drag cards by their title bar — the content is live
Get started
No install, no bundler, no dependencies. A page is a file.
Why HTML67 — the kitchen sink, told in four pictures
The official HTML standard
calls itself a kitchen sink
— the basin where everything ends up. One sink, for everything. It's honest. It's even funny.
And it's the whole problem.
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
└────────────────────────────────────────┘
It's called a living standard, but living things need tending — and lately, no one has.
The basin fills with everything that doesn't fit: utility classes, widgets, a dozen CDNs,
framework after framework re-solving the same problem.
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)
└────────────────────────────────────────┘
So we're upgrading the sink. Everything that used to balance on the rim moves
inside, as native elements. Every filetype gets a home. The basin is clean ceramic again.
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
└──────────────────────────────────────────────────┘
And HTML7 connects the basin to the water: the page's obligations to the world it lives in —
units, sources, licenses, deadlines, regional rules — as vocabulary the page carries itself.
<norm> resolves § 433 BGB, <unit> formats to your locale,
<cite> builds its own bibliography.
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 elements
Grouped by family, not one long list. Open a family for its tags; every tag links to a live demo with its markup.
Chips with a dot are HTML7 vocabulary, the rest HTML6 UI — and the HTML5 base is documented in the same
reference.
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)
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.
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.
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.
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.
Not an element — this is CSS / Layout. <container> is deliberately not an HTML67 tag; it stays as the wl-container web component or becomes a prop/CSS.
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.
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.
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.
Not an element — this is Internal. <tangled-tree> is deliberately not an HTML67 tag; it stays as the wl-tangled-tree web component or becomes a prop/CSS.
Tangled tree
Instead
research viz (layered DAG) — plugin-vocabulary candidate, overlaps force-graph/dendrogram
Fertige Seiten und Flächen aus den Bausteinen zusammengesetzt — Dashboards, Shop, Recht, Marketing. Nur droppen, kein Zusammenbau.
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
Reset
AccentSolidMarker
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.
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.
Accessibility
Elements that bring accessibility built in — spelled-out abbreviations, labeled fields, machine-readable and localized values.
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.
none in the core; heavy viewers lazy-load their lib (self-hostable)
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.
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.
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.
Components
Lit + OpenProps, monochrom auf den TwentyCRM-Tokens, ohne Bundler. Jede Komponente ist ein Tag — kein Build-Step, und jeder Tag hier funktioniert PREFIXFREI als bare HTML67-Element (Markup je Element: siehe Referenz in der Sidebar). Charts laufen nativ, ohne Lib im Markup.
<a11y>
HTML6
Accessibility toolbar — text size, contrast, spacing, motion, focus; applies page-wide, persists, and docks onto every HTML67 page automatically
Live example
Markup
<a11y></a11y>
Short forms
These bare tags keep working — the catalog documents them here as forms of this element.
Abbreviation — first mention spells out the full form
HTML67 take on <abbr>.
Live example
SVM gets spelled out on first mention — later mentions like this SVM stay short (tooltip only).
Markup
<p plain><abbreviation full="Support Vector Machine">SVM</abbreviation> gets spelled out on first mention — later mentions like this <abbreviation full="Support Vector Machine">SVM</abbreviation> stay short (tooltip only).</p>
Collects every <citation> on the page into a formatted reference list (APA/IEEE/MLA/DIN)
Live example
One claim and another .
Collects every <citation> on the page into a reference list.
Markup
<p>One claim <citation author="Feynman, R." year="1965" title="The Character of Physical Law"></citation> and another <citation author="Shneiderman, B." year="1992" title="Tree Visualization with Tree-Maps"></citation>.</p>
<bibliography></bibliography>
Props / Attributes
Attribute
Type
Description
format
String
heading
String
locale
String
Details
Generation
HTML7 — HTML7 · Vocabulary
Implementation
wl-bibliography
Prefix-free
<bibliography> (runtime aliases to wl-bibliography)
Footnote — content lives inline where it belongs; renders a numbered mark
Live example
Every claim can carry its noteRight where it belongs — the note lives inline in the markup, the reader sees a number. without leaving the text flow.
Markup
Every claim can carry its note<footnote>Right where it belongs — the note lives inline in the markup, the reader sees a number.</footnote> without leaving the text flow.
<footnotes heading="Notes"></footnotes>
Collects all <footnote> into a numbered endnote list (with back-links)
Live example
The stats cite two sourcesSurvey 2026, n=2.401. in one sentenceField study, preliminary..
Markup
The stats cite two sources<footnote>Survey 2026, n=2.401.</footnote> in one sentence<footnote>Field study, preliminary.</footnote>.
<footnotes heading="Notes"></footnotes>
Legal deadline that computes itself (§§ 187–193 BGB)
Live example
Zugang am 15.03.2026, Widerruf binnen 14 Tagen — Fristende:
Kündigungsfrist 3 Monate ab Monatsbeginn 01.03.2026: — ohne § 193:
Deadline math per BGB, hover for the full derivation: § 187 I skips the event day (typ="beginn" counts it, § 187 II), § 188 II/III end week/month/year terms on the corresponding day or the last day of a short month, and § 193 pushes a Sat/Sun/public-holiday end to the next working day — kein-193 switches that off.
Markup
<p>Zugang am 15.03.2026, Widerruf binnen 14 Tagen — Fristende: <frist beginn="2026-03-15" dauer="14 tage"></frist></p>
<p>Kündigungsfrist 3 Monate ab Monatsbeginn 01.03.2026: <frist beginn="2026-03-01" dauer="3 monate" typ="beginn"></frist> — ohne § 193: <frist beginn="2026-03-01" dauer="3 monate" typ="beginn" kein-193></frist></p>
Carries a function and runs it — ▶ by hand or auto on render; args become named parameters, the response shows the return value
Live example
return a + b;return new Date().toLocaleTimeString();
▶ runs the body as an async function — `await` works. `auto` runs it as soon as the tag renders; args become named parameters; the Response shows the return value or the error.
Markup
<function title="Add two numbers" args='{"a": 40, "b": 2}'>return a + b;</function>
<function title="Time, run on render" auto collapsed>return new Date().toLocaleTimeString();</function>
Props / Attributes
Attribute
Type
Description
title
String
what the function does — the header line
args
String
JSON object; its keys become named parameters
auto
Boolean
run as soon as the tag is rendered (agents, demos)
collapsed
Boolean
hide the source; title, button and response stay
fn
String
source as attribute — alternative to the text content
GlyphUp text → ink; ?typing types it in like a typewriter (starts when visible), ?marking sets one mark after the next — both honor prefers-reduced-motion
Live example
This is █ important █, this _ carries the argument _ and this stays ~ rather uncertain ~. @joy+( finally )
?marking sets one mark after the next (the marker sweeps in like a real highlighter); ?typing types the text in first, typewriter-style. Both start when the element scrolls into view and honor prefers-reduced-motion.
Markup
<glyph marking>This is █ important █, this _ carries the argument _ and this stays ~ rather uncertain ~. @joy+( finally )</glyph>
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
Props / Attributes
Attribute
Type
Description
value
String
the GlyphUp text (inline alternative to the text child)
src
String
legacy alias of value
inline
Boolean
flow inside a sentence instead of a block
typing
Boolean
type the text in like a typewriter (starts when visible)
marking
Boolean
set one mark after the next (highlighter sweep)
toolbar
Boolean
filter bar: ink on/off, filter marks by color / comments by author
editing
Boolean
Editor: die rohe GlyphUp-Schreibweise direkt tippen (Blur/Esc/⌘⏎ übernimmt)
One graph element, many views — data as an HTML table or JSON text BETWEEN the tags (mapped via a canonical column/row model, types inferred), type picks any of ~20 views — line/area/bar/donut/pie/radar/radial-bar/index/scatter/boxplot/violin/heatmap/treemap/sankey/dendrogram/force-graph/wordcloud/stacked-bar/stacked-area/grouped-bar/streamgraph/threshold/contributions/brush-zoom — or the table/JSON views; ?toolbar switches between them like on <geo>, ?loop auto-cycles the suitable views; search/sort/?filter act on the data model so they work in every view; label names it for assistive tech
Live example
Quarter
Revenue
Cost
Q1
12
8
Q2
19
11
Q3
14
9
Q4
23
13
Hypertext-first: the data is the HTML table between the tags (without JS it simply renders as a table). A JSON text child works the same way; data="[…]" attributes remain supported. ?toolbar switches between every suitable chart type plus the table view and a JSON viewer.
Markup table — wraps a native <table> child or a JSON text child (same data model as <chart>); headers sort on click, search/?filter/searchtype="highlight" work like on charts; for virtualized app tables use <data-table>
Live example
A
Fits as many columns as the width allows.
B
Mobile-first: one column on a phone.
C
Plain sections work too — a grid is layout, not content.
Markup
<grid min="14rem">
<card><strong>A</strong><p>Fits as many columns as the width allows.</p></card>
<card><strong>B</strong><p>Mobile-first: one column on a phone.</p></card>
<section><strong>C</strong><p>Plain sections work too — a grid is layout, not content.</p></section>
</grid>
type is derived from the children when omitted: <item> with check/checked → check, other <item> → bullet, anything else → rows. Ticking fires change {value, checked} on the item.
Markup
<list>
<item>Plain bullet</item>
<item marker="★">Own marker per item</item>
<item marker="→">Any character or emoji</item>
</list>
<list type="number">
<item>First</item>
<item>Second</item>
</list>
<list>
<item checked value="milk">Buy milk</item>
<item check value="call">Call Erika</item>
</list>
<list>
<a href="#" data-value="a">Row list — the old shape <small>2 min ago</small></a>
<a href="#" data-value="b">Click fires select <small>yesterday</small></a>
</list>
Props / Attributes
Attribute
Type
Description
type
rows · bullet · number · check · none
omitted: derived from the children
items
Array
Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.
this whole page is a single <paper> element — fold marks, address window and date sit at their DIN 5008 positions.
Yours, Wilhelm
Markup
<paper subject="A letter as one element" recipient='["Erika Mustermann","Musterweg 12","12345 Musterstadt"]'>
<p>Dear Erika,</p>
<p>this whole page is a single <paper> element — fold marks, address window and date sit at their DIN 5008 positions.</p>
<p>Yours, Wilhelm</p>
</paper>
Props / Attributes
Attribute
Type
Description
recipient
Array
subject
String
return-address
String
no-marks
Boolean
format
String
datetime
String
locale
String
Array/Object: set as a JS property (el.data = […]) or as a JSON attribute.
Visible only while checked.Check the box to continue.
Control flow is attributes on real elements, not pseudo-tags: bind= wires text/inputs (two-way), if=/not toggles, each= repeats the children. Dot-paths only, no expressions — CSP-safe, AI-readable.
Markup
<state data='{"name":"Ada","count":3,"agreed":false,"todos":[{"t":"Spec lesen"},{"t":"Demo bauen"}]}'>
<p plain>Hello <strong bind="name"></strong> — <strong bind="count"></strong> clicks.</p>
<input bind="name" placeholder="Your name">
<button onclick="this.closest('wl-state').bump('count', 1)">+1</button>
<badge variant="accent" if="count">count is truthy</badge>
<ul each="todos">
<li bind="item.t"></li>
</ul>
<label><input type="checkbox" bind="agreed"> I agree</label>
<alert variant="success" if="agreed">Visible only while checked.</alert>
<alert variant="warn" if="agreed" not>Check the box to continue.</alert>
</state>
The owed act inside a normative block: <action type="pay|deliver|sign|file|…">
Live example
Sellerdeliver the goods as per § 1Buyer
Markup
<obligation><party as="obligor">Seller</party> <action type="deliver">deliver the goods as per § 1</action> <party as="beneficiary">Buyer</party></obligation>
A described condition: <premise> · <consequence> · <otherwise> — a relationship, not program flow
Live example
Payment has been received.Goods are released for shipment.Shipment remains suspended.
A relationship, not an <if>: HTML67 describes the condition, it never branches the document.
Markup
<condition>
<premise>Payment has been received.</premise>
<consequence>Goods are released for shipment.</consequence>
<otherwise>Shipment remains suspended.</otherwise>
</condition>
One message — canonical name of <msg>; sender= and reply-to= are the semantics, side is derived
Live example
MeA single message, side derived from viewer.
Markup
<conversation viewer="#me2"><person id="me2" hidden><name>Me</name></person>
<message sender="#me2" datetime="2026-09-06T10:23">A single message, side derived from viewer.</message>
</conversation>
Static document notice (info · warning · error · success) — <alert> stays the live-region name
Live example
A static notice in the document flow.Prominent callout appearance.Only live makes it an ARIA live region.
Markup
<notice type="info" heading="Heads up">A static notice in the document flow.</notice>
<notice type="warning" appearance="callout">Prominent callout appearance.</notice>
<notice type="error" live>Only <code>live</code> makes it an ARIA live region.</notice>
<page size="A5" number="1">
<h2>A page is a surface</h2>
<p>A5 here so it fits the demo. Put several <code><page></code> in a document — or straight into <code><body></code>.</p>
</page>
Don't replace semantic HTML — upgrade it. Where HTML already has the right element, HTML67 adds an attribute and the existing engine renders it. The native element stays the source; without JavaScript it renders as plain HTML. Everything the runtime injects is marked data-wl-scaffold and never saved by the editor. (Semantic audit, apps/html67/AUDIT.md Phase D.)
<table sortable searchable>
City
Population (M)
Country
Berlin
3.7
DE
Hamburg
1.9
DE
Vienna
2.0
AT
Zürich
0.4
CH
Click a header to sort (numbers sort numerically); the search field filters rows. Replaces <data-table> and the table-wrapper <grid>.
Replaces <modal> and <drawer>; open on a [modal] dialog opens it modally.
<button type="button" commandfor="dlg-native" command="show-modal">Open modal</button>
<dialog id="dlg-native" modal heading="Native dialog, HTML67 layer">
<p>Escape, focus trap and the top layer come from the browser. The heading and the × are scaffold.</p>
</dialog>
<button type="button" commandfor="drw-native" command="show-modal">Open drawer</button>
<dialog id="drw-native" drawer side="right" heading="Drawer">
<p>A side panel on the same native element.</p>
</dialog>
<progress shape="ring"> · <meter stars>
Rating: 4.5 of 5
The native bar and meter stay in the DOM for assistive technology; the ring and the stars are scaffold.
See — the number comes from the same registry as <figureblock>.
<figure id="fig-native"><img src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27320%27 height=%2790%27%3E%3Crect width=%27320%27 height=%2790%27 fill=%27%23dde3ea%27/%3E%3C/svg%3E" alt=""><figcaption>A native figure with an id</figcaption></figure>
<p>See <ref to="fig-native"></ref> — the number comes from the same registry as <code><figureblock></code>.</p>
<pre copy language highlight> · <abbr full>
const answer = 40 + 2;
SVM first, then SVM again — only the first mention is spelled out.
<pre copy language="js" highlight><code>const answer = 40 + 2;</code></pre>
<p><abbr full="Support Vector Machine">SVM</abbr> first, then <abbr full="Support Vector Machine">SVM</abbr> again — only the first mention is spelled out.</p>
<nav toc> · <nav breadcrumb> · <nav pagination>
Alpha
…
Beta
…
Relations stay relations — breadcrumb, toc and pagination are <nav> with an attribute. Replaces <breadcrumb>, <toc>, <pagination>.
Every attribute above is listed on its native element's page under “HTML67 layer” (generated into reference-data.js, so the editor's property chips and the validator know them).
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.
144HTML67 elements
115native elements
27legacy deprecated
10superseded by HTML67
30Web Components (not DOM)
By layer
Every HTML67 entry sits in exactly one architecture layer (semantic audit, apps/html67/AUDIT.md A-03).
The two generations stay the story; the layers are the architecture underneath. wc = web component, not an element.
Filled from the catalog (reference-data.js, LAYERS).
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
<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>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <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
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
subtitles
URL or cues
captions: a .vtt/.srt file, or inline lines "0:04 text" (one cue per line); "none" = no dialogue; several languages → native <track>
transcript
Boolean
show the captions as a seekable transcript below (implied for <audio subtitles>)
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
Richer in HTML67
<player> / <waveform>
Status
Standard
<b>
HTML2
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
Status
Standard
<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
<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
<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
<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
<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
<canvas>
HTML5
Scriptable graphics
Syntax
<canvas>…</canvas>
Attributes
Attribute
Type / values
Description
width
Number
Canvas width in px
height
Number
Canvas height in px
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <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
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
Richer in HTML67
<include> / <player>
Status
Standard
<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
<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.
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
<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*).
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
<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
<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
<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
<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>
HTML2
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
Status
Standard
<iframe>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <include> (Partials) / <player> (Media). → include
Nested browsing context
Syntax
<iframe>…</iframe>
Attributes
Attribute
Type / values
Description
title
String
Accessible name of the frame — required, screen readers announce only "frame" without it (WCAG 4.1.2)
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
Richer in HTML67
<include> (Partials) / <player> (Media)
Status
Standard
<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
<img>
HTML2
Image
Syntax
<img>…</img>
Attributes
Attribute
Type / values
Description
src
URL
Image source
alt
String
Alternative text — required; alt="" for purely decorative images (WCAG 1.1.1)
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
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
<input>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <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
Richer in HTML67
<field> / <phone> / <iban> / <date-picker> …
Status
Standard
<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
<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
<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*).
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
<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
<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>
HTML5
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
Status
Standard
<math>
HTML5
MathML root (foreign content)
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
<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*).
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
<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
<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
<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
<object>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <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
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
Richer in HTML67
<include>
Status
Standard
<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
<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
<picture>
HTML5
Responsive image container
Syntax
<picture>…</picture>
Attributes
No element-specific attributes — only the global attributes.
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
<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
<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*).
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
Richer in HTML67
<progressbar>
Status
Standard
<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
<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
<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>
HTML2
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
Status
Standard
<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
<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
<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*).
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
Richer in HTML67
<combobox>
Status
Standard
<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>
HTML2
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
Status
Standard
<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
<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
SVG root (foreign content)
Syntax
<svg>…</svg>
Attributes
No element-specific attributes — only the global attributes.
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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*).
No element-specific attributes — only the global attributes.
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
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
Richer in HTML67
<grid> / <data-table>
Status
Standard
<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*).
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
Richer in HTML67
<editor>
Status
Standard
<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
<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
<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*).
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
<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>
HTML2
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
Status
Standard
<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
<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>
richer in HTML67
↪ Fully valid native HTML — HTML67 additionally offers <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
HTML67 layer
The element stays native — HTML67 adds attributes on top. The runtime renders one line under it (caption — credit · CC BY 4.0 · Source ↗; inside <figure> at the end of the <figcaption>) as a marked runtime node the editor never saves; without JavaScript only the attribute remains. Nothing is inherited — only <figure> passes its credit to its own medium.
Attribute
Type
Description
caption
String
visible caption for a bare media element; inside <figure> use <figcaption>, on <table> use <caption>
credit
String
attribution line rendered under the element (§ 13 UrhG / CC BY); the Sources chip collects it
license
String
CC BY 4.0 · CC BY-SA 4.0 · CC0 1.0 · Public Domain (or by, by-sa, cc0) get a license link; any other text is shown verbatim
cite
URL
source URL of the work (same meaning as <blockquote cite>); becomes the Source link in the credit line — not a bibliographic reference
subtitles
URL or cues
captions: a .vtt/.srt file, or inline lines "0:04 text" (one cue per line); "none" = no dialogue; several languages → native <track>
transcript
Boolean
show the captions as a seekable transcript below (implied for <audio subtitles>)
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
Richer in HTML67
<player>
Status
Standard
<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
<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
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
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-SichtJSON 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.
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.
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.
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 ().
