Back to HTML

HTML Tutorial

Semantic HTML

Give page sections meaningful structure.

Semantic HTML uses elements based on purpose and meaning.

Elements like header, nav, main, article, section, aside, and footer improve accessibility and readability.

code
<header>Header</header>
<main>
  <article>Lesson content</article>
</main>
<footer>Footer</footer>