Проверяет знание семантических HTML-тегов и их роль в создании доступных и структурированных веб-страниц.
Семантические теги — это элементы HTML, которые явно описывают своё содержимое и роль в структуре документа. В отличие от универсальных <div> или <span>, семантические теги несут смысловую нагрузку, делая код более читаемым и понятным как для разработчиков, так и для браузеров, поисковых систем и вспомогательных технологий.
<header> — вводная часть или навигация для раздела.<nav> — блок навигационных ссылок.<main> — основное содержимое страницы (уникальное).<article> — независимая, самодостаточная часть контента (статья, пост).<section> — тематическая группа контента, обычно с заголовком.<aside> — косвенно связанный контент (боковая панель, врезка).<footer> — заключительная часть раздела или страницы.<figure> и <figcaption> — иллюстрация с подписью.<time> — дата или время.<mark> — выделенный текст (например, результаты поиска).<body>
<header>
<h1>Мой блог</h1>
<nav><a href="/">Главная</a></nav>
</header>
<main>
<article>
<h2>Заголовок статьи</h2>
<p>Текст статьи...</p>
<time datetime="2025-03-20">20 марта 2025</time>
</article>
<aside>
<p>Реклама или ссылки</p>
</aside>
</main>
<footer>© 2025</footer>
</body>Вывод: Используйте семантические теги всегда, когда это возможно, чтобы улучшить доступность, SEO и читаемость кода. Они особенно полезны в крупных проектах и при работе в команде.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультациюFrontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию