• <span> — это строчный (inline) элемент.
• <div> — это блочный (block) элемент.

Элементы <div> нужно использовать для оформления разделов документа. А элементы <span> — в роли контейнеров для небольших объёмов текста, для изображений и других подобных элементов страниц.

Надо отметить, что нельзя помещать блочные элементы в строчные.

Вот пример, в котором показано, кроме прочего, неправильное размещение блочного элемента внутри строчного (это — фрагмент <div>I'm illegal</div>, размещённый внутри элемента <span>):

<div>
  Hi
  <span>
    I'm the start of the span element
    <div>I'm illegal</div>
    I'm the end of the span
  </span>
  Bye I'm the end of the div
</div>

Назад