Elementary Standards
HTMLCSSWeb StandardsSEOBlogStart reading
A compendium since 2005

Web standards,
done properly.

Original, opinionated writing on HTML, CSS, semantics, accessibility and SEO — the craft of building pages that validate today and still work in a decade.

No frameworks required
Validation first
Written to last
Living standard
MRJTSD12,000+ builders read along
index.html
Valid
Doctypehtml
Encodingutf-8
Semanticslandmarks
ContrastAA
Broken links0
0%Conformance
score
A grammar shared by every browser, framework and search engineHTMLCSSWCAGHTTPW3CSEO
Four shelves, one library

Pick a shelf and start reading

Every article is original, standalone and cross-linked. No cookie walls, no gates, no newsletter tax.

Two ways to ship a page

Tag soup vs. a document that means something

Divs all the way down

  • Nothing describes what the content is
  • Screen readers announce a wall of generic boxes
  • Styling leans on brittle class-name hacks
  • Search engines guess at structure and often guess wrong
  • A framework upgrade rewrites the whole thing

Semantic HTML

  • Elements carry meaning the platform understands
  • Landmarks and headings map straight to assistive tech
  • Styling hangs off structure, not decoration
  • Rich results follow naturally from clean markup
  • The document outlives whatever renders it
What you will actually learn

Craft, not trivia

Each piece is written to change how you mark up the next page — not to pad a certification.

Semantics

Markup that describes meaning, not layout

The right element is the shortest path to an accessible, styleable, findable page. We go element by element so the choice is obvious.

  • Landmarks, headings and lists done right
  • <b> vs <strong>, settled
  • Inline definitions with <dfn>
<article>Read on</article>
The cascade

Modern CSS made the old hacks obsolete

Cascade layers, :has() and container queries retired a decade of resets and specificity wars. We show what to keep and what to delete.

  • When a reset helps — and when it hides bugs
  • Vendor prefixes: why they aged badly
  • Image replacement, the accessible way
@layer reset@layer base@layer components@layer utilities
Conformance

Validation is a tool, not a trophy

Well-formed is not the same as valid, and conformance means two different things depending on who is talking. We untangle it.

  • Author conformance vs. UA conformance
  • Why defined error handling changed everything
  • What a validator can and cannot tell you
Document is valid0 errors · 0 warningsDoctype declaredEncoding: UTF-8Landmarks presentA+conformance
0
Original articles
0+
Years of standards
0
Trackers or gates
0%
Valid, by design
Read by people who ship

“I sent the semantics piece to my whole team. Three sprints later our accessibility audit came back clean for the first time.”

“Finally, a standards reference that reads like a person wrote it. My students actually finish the articles.”

“The cascade article talked me out of a 900-line reset. My CSS is half the size and nothing broke.”

Fresh from the archive

Start with these

Questions

Before you dive in

Is this a course or a product?
Neither. It is a freely readable compendium of original essays on web standards. No sign-up, no paywall, no upsell.
Is the content really original?
Yes. Every article is written from scratch for this site. We cite specifications where relevant, but the prose and examples are our own.
Do I need a framework to use this?
No. The point of standards is that they work everywhere. Examples are plain HTML and CSS you can paste into any project.
How current is the material?
We treat HTML as a living standard and keep the guidance aligned with what browsers actually do today, not what a spec promised in 2008.
Can I link to or quote articles?
Please do. Deep links are stable and encouraged — durable URLs are, after all, one of the things we write about.

Build a page that means something

Start with the elements, learn the cascade, and never ship tag soup again.

Read the HTML shelf