div — универсальный контейнер

Тег <div> определяет раздел или секцию в HTML-документе. Это контейнер, который используется для группировки других элементов, таких как текст, изображения или другие теги, в разделы или блоки.

<div class="section">
  <h2>Заголовок секции</h2>
  <p>Какое-нибудь содержимое секции</p>
</div>

Примеры использования

Группировка элементов формы:

<div class="form-group">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">
</div>

Создание панели навигации:

<div class="nav-bar">
  <ul>
    <li><a href="#">Главная</a></li>
    <li><a href="#">О нас</a></li>
    <li><a href="#">Контакты</a></li>
  </ul>
</div>

Если вы используете слишком много тегов <div> для обёртывания содержимого, код может стать громоздким и трудночитаемым. В этом случае лучше использовать семантические теги <section> или <article>.