HTML Fundamentals
Chapter 3 — Structuring and Enhancing Web Pages

Lesson 3.1 — Semantic HTML Elements

Complete & Continue Next Lesson Learn More

Semantic HTML elements provide meaningful structure to web pages by describing the purpose of different sections of content. Elements such as <header>, <nav>, <section>, <article>, and <footer> help organize the layout of a page and improve both accessibility and search engine understanding.

Example: Semantic structure

<header>
    <h1>My Blog</h1>
</header>

<section>
    <h2>Latest Post</h2>
    <p>This is the latest article.</p>
</section>

<footer>
    <p>Copyright 2026</p>
</footer>

These elements describe the role of each section of the page.