Шаг 6: Семантические теги

header, nav, main, article, section, aside, footer — делают страницу понятной для поисковиков и скринридеров.

Код примера

<header><h1>Школа "Планета Знаний"</h1></header>
<nav><a href="/">Курсы</a> <a href="/about">О нас</a></nav>
<main><article><h2>Урок по HTML</h2><p>Текст урока.</p></article></main>
<footer>&copy; 2026 Школа</footer>
Результат:
Семантическая разметка.