В чём разница между div и span с точки зрения вёрстки?

Основное различие между <div> и <span> заключается в их типе отображения и семантике:

• <div> — это блочный элемент (block-level), который занимает всю доступную ширину и начинается с новой строки. Используется для группировки больших блоков контента или структурирования страницы.

• <span> — это строчный элемент (inline), который не переносит строку и используется для выделения или стилизации части текста внутри других элементов.

Пример:

<div>
  <p>Это абзац внутри блока div.</p>
</div>

<p>Текст с <span style="color: red;">выделенным красным цветом</span> словом.</p>

Таким образом, <div> служит для создания структурных блоков, а <span> — для стилизации или выделения частей текста внутри этих блоков.