< H / $ > Хак/Собесов

Перейти на PRO

С помощью каких тегов можно семантически отделить части страницы друг от друга

«С помощью каких тегов можно семантически отделить части страницы друг от друга» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Тип вопроса: HTML Вероятность: 10% Категория: Frontend Разработчик

Ответ

Для семантического разделения страницы используют следующие HTML-теги:

<header> — шапка сайта или раздела
<nav> — навигационное меню
<main> — основное содержимое страницы
<article> — самостоятельный контент (пост, новость)
<section> — тематическая группа контента
<aside> — дополнительный контент (сайдбар)
<footer> — подвал сайта или раздела

Пример структуры:

<body>
  <header>...</header>
  <nav>...</nav>
  <main>
    <article>
      <section>...</section>
    </article>
    <aside>...</aside>
  </main>
  <footer>...</footer>
</body>

Эти теги помогают поисковикам и скринридерам лучше понимать структуру страницы.