HTML5 Semantic Elements

Semantic elements clearly describe their meaning to browsers and developers.

Key Elements

• <header>: Introductory content
• <nav>: Navigation links
• <main>: Main content
• <article>: Self-contained content
• <aside>: Supplementary content

HTML
<header>
  <nav>
    <a href="#home">Home</a>
  </nav>
</header>
<main>
  <article>Content</article>
</main>

Your Task

Create a blog page with:

1. A <header> with a <nav> containing one link
2. A <main> with an <article> containing a heading and paragraph
3. An <aside> with a short note