Structure and semantic HTML
⚑ Report an issue with this lesson<body>
<header><h1>Coding Prodigies</h1></header>
<nav><a href="#courses">Courses</a></nav>
<main>
<article>...</article>
</main>
<footer>© 2026</footer>
</body>Semantic tags aren't decoration -- they're what lets a screen reader
jump straight to <main>, and what a search engine uses
to understand your page's structure. Reach for the specific tag before
falling back to a generic <div>.
Try it yourself
Exercise: Replace the <div> tags with the correct semantic tags (header, nav, main, footer).
// free preview
9 more lessons — including Capstone project: a multi-page site — plus a certificate are waiting.
Unlock the full course — $149.99