# Semantic HTML

Using HTML elements whose names defined their purpose, rather than generic counterparts.

## What is **Semantic HTML**?

Using HTML elements whose names defined their purpose, rather than generic counterparts. **`<main>`** vs **`<div>`**.

```html
<article>
  <h2>Community garden opens</h2>
  <p>The garden opens Saturday.</p>
</article>
```

Level: Apprentice · [More HTML terms at this level](https://www.ask-codey.com/glossary/subjects/html/apprentice)

Updated: October 16, 2026

Source: https://www.ask-codey.com/glossary/semantic-html