Ответ
Семантика в HTML помогает правильно структурировать контент для SEO, доступности и читаемости кода. Пример:
<header>
<h1>Название сайта</h1>
<nav>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О нас</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Заголовок статьи</h2>
<p>Текст статьи...</p>
</article>
<aside>
<h3>Дополнительная информация</h3>
<p>Реклама или похожие статьи</p>
</aside>
</main>
<footer>
<p>© 2023 Компания</p>
</footer>
Ключевые теги:
<header>
/<footer>
- шапка/подвал<nav>
- навигация<main>
- основной контент<article>
- независимый контент<aside>
- дополнительный контент<section>
- логическая секция