<div> — это блочный элемент в разметке HTML, благодаря которому можно изменять вид содержимого, выделять разделы в структуре документа.
Дивы и <span> применяются в каскадных таблицах стилей или сокращенно в CSS. Если они используются по отдельности, особых визуальных изменений они не вызывают. Хочется отметить, что тег <span> вообще никак не влияет на визуальное изменение контента. А использование одного тега <div> приведет к блокированию его содержания, как если бы вы использовали тег <br> до и после определенной секции на странице.
Как и большая часть остальных тегов, <div> и <span> также разделяются по классам, стилевым атрибутам и идентификаторам. Благодаря ним, данные стили можно использовать для элементов. Теги, о которых мы сегодня говорим, применяются также, как и другие HTML-теги. Хочется отметить, что также допускается вложенность одних тегов в иные в несколько уровней.
Подробнее о каждом из тегов <div> и <span>
Тег <div> — это блочный объект, который применяется для выделения фрагмента документа и изменения вида его содержимого. Вид данного блока обычно регулируется при помощи стилей. Атрибутами этого тега являются title и align, с помощью которых можно добавить всплывающую подсказку к содержимому и задать выравнивание содержимого тега соответственно. Для тега <div> обязательно использовать закрывающий его </div>.
А вот тег <span> создан для переопределения строчных элементов в документе. Благодаря нему, можно выделить часть информации из других тегов и установить для нее новый стиль. Например, внутри абзаца вы сможете изменить размер или цвет любой выбранной буквы.