HTMLintroevergreen

Semantic page structure

Landmarks, not just <div>s.

header, nav, main, article, section, aside, and footer give a page meaning that browsers, assistive tech, and search engines can all act on — for free.

A full landmark skeleton

HTML+CSS+JSintro
Press Run to execute

The page renders as four distinct regions — a banner with the title and Primary nav, a two-column main holding the article and a complementary See also panel, and a contentinfo footer — and that structure is what a screen reader exposes as jumpable landmarks, not just a visual grid.