HTML-теги div и span являются наиболее популярными элементами, из которых буквально соткано большинство существующих интернет-сайтов. Оба этих элемента являются простыми и удобными контейнерами для хранения любой произвольной информации - текстов, картинок или других, вложенных HTML-элементов. При этом, оба эти элемента хотя и выполняют одинаковые концептуальные функции (представление информации), тем не менее имеют между собой значительные различия. С точки зрения веб программирования, важно понимать различия между ними и особенности отображения внутри браузера...
Раньше, до обновления HTML 5, разработчикам приходилось совмещать табличную верстку с «дивным кодом». Нужен раздел контента на вашей домашней странице? Завернуть в div! Создание боковой панели? Используйте div! Компоновка в три колонки? Див, див, див! Нет ничего функционально неправильного в написании HTML таким образом. Браузеры по-прежнему смогут отображать вашу разметку и отображать ваш контент для пользователей. Основная проблема с интенсивным использованием <div> тегов заключается в том, что им не хватает семантического значения...