Чем принципиально отличается div от span?

Question

div и span отличаются типом отображения. div является блочным элементом, span — строчным. div используется для построения структуры страницы. span применяется для локального выделения текста или inline-элементов. Их поведение в layout принципиально разное.

YeaHub · Accepted Answer

Несмотря на внешнюю простоту, различие между div и span является фундаментальным для HTML-вёрстки.Основное различиеКлючевое отличие заключается в значении свойства display:div имеет display: blockspan имеет display: inlineПоследствия этого различияИз-за этого:div всегда начинается с новой строкиdiv занимает всю доступную ширинуspan располагается внутри строкиspan подстраивается под содержимоеНазначение элементовЧаще всего:div используется для контейнеров, секций и layoutspan используется для стилизации части текста или иконокВозможность изменения поведенияОба элемента можно изменить через CSS:span {
  display: block;
}
Однако семантическое назначение элементов от этого не меняется.Краткий выводdiv и span отличаются типом отображения и ролью в layout, и выбор между ними должен быть осознанным.