Это универсальный элемент, своих встроенных стилей и уникальных атрибутов не имеет.
На дивах и спанах можно что угодно наверстать. Можно <span class="header"> написать и прописать в стилях display: block, разницы с дивом тогда не будет.
Но дивошлепить всегда и везде это плохо, как и путать ссылки с кнопками, делать инпуты без формы и прочее.
Div это аналог слоёв в Фотошопе. «Обёртки» (wrapper) нужны для применения стилей сразу к группе элементов расположенных на одном слое макета. Это полный аналог слоёв в Фотошопе. Такой тип вёрстки возник из практики разрабатывать макеты в Фотошопе. Слои просто переносили в div блок.
Скриншот пример, того что профи называют «дивные дивы» (первый призрак делитанта).. Куча обёрток, там где можно было бы обойтись и без них. Для справки: есть слои по умолчанию: html, body. А если вспомнить что ещё есть псевдо элементы after и before... Получаем уже шесть обёрток на первом уровне.
Изучать основы по видео урокам, примой путь в попугаи-копипастеры.
— «Вёрстка — это не тупо»
webmasters.teamdev.com
— «Что должен уметь HTML-верстальщик?»
github.com/crecotun/ui-developer-skills
— «Как стать начинающим верстальщиком»
glivera-team.github.io/how-to/02.05.2016/how-to-start.html