HTML Reference · CLN v2.2 · Feb 2026
HTML Reference
= HTML elements decoded in CLN — one operator per semantic role ! every ! line is a real gotcha. read those first. # #html #reference #web #a11y
Each article covers one area of HTML — encoded entirely in CLN v2.2. Operators tell you the semantic role before you read the content: = definition · ! gotcha · → consequence · ~ tradeoff · ? self-test.
01 · Interactive
Forms
<form> anatomy, all input types, validation attributes, accessibility patterns, the 5 gotchas that bite everyone once.
live
02 · Structure
Semantics
<article> vs <section>, heading hierarchy, landmark roles, when <div> is the right answer.
soon
03 · Reference
Attributes
Global attributes, data-*, ARIA attributes, event handlers — with parallel blocks for context vs function.
soon
04 · Media
Media
<img> srcset, <picture>, <video>, <audio> — responsive and accessible.
soon
05 · Document
Head & Meta
<meta> charset, viewport, OG tags, canonical, <link> preload — every tag with its consequence.
soon
// Why HTML in CLN?
=HTML already has semantic structure — CLN just makes it explicit
+scan the ! column to find all gotchas in 10 seconds
+scan the → column to see all consequences without reading prose
+spoilers turn each article into a self-testing session
→reference doc + study material in one file — no separate Anki deck needed