CSS & Frontend

Semantic HTML

/sɪˈmæntɪk eɪtʃ tiː em el/

Definition

Using HTML elements for their meaning (<article>, <nav>, <header>) rather than styling with generic <div> tags.

Example in context

"Replace the div soup with <main>, <article>, <aside> — screen readers understand the page structure without CSS."

Practice this term

Master Semantic HTML in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.