HTML document structure
Headings, parser repair, emphasis and meaningful text groups.
Build headings that keep their meaning after restyling
Structure a short workshop page with one main region and a meaningful heading sequence.
See how the browser repairs nested paragraphs
Compare malformed source with the parsed DOM instead of assuming indentation creates a parent-child relationship.
Mark stress and importance before choosing a font
Use em and strong for their textual meanings, then test that those elements survive neutral styling.
Keep a procedure distinct from a collection
Use ol for an ordered file-opening procedure and ul for tools whose order is incidental.
Group names and descriptions with dl
Build a compact glossary where one name can have more than one description.