Подскажите, пожалуйста, чем отличается элемент section от div?

Говорит программистам. Семантические теги позволяют другим верстальщикам понимать вашу разметку «лучше». 

Например, использование тега «Aside» говорит о том, что это боковая панель. Тег «Section» говорит о том, что мы находимся на определенном «разделе страницы» (например, «Section class: «hero-image»> — раздел, содержимое которого — hero Image). А теперь представьте, если бы вместо семантических тегов использовался только Div-блок. Вся страница состояла бы только из дивов — ориентироваться в таком коде крайне тяжело. 

Использование семантических тегов необходимо, чтобы сделать код «более читабельным» и меньшим по количеству. Семантический код действительно, хоть не столь сильно, но влияет на продвижение в поисковиках. 

И так, в чём же отличие «Div» от «Section»? — Визуальных отличий (на стороне пользователя не будет). Семантические теги ориентированы на разработчиков для их наилучшего понимания структуры страницы и поисковых роботов, которые быстрее находят и различают элементы страницы. 

​​​​​​​Просто изучайте в интернете семантическую верстку. Вы, как начинающий верстальщик, отличий не находите, потому что вы — начинающий.

section - это элемент семантической разметки. "Семантической" - значит, у него есть смысл. Этот тег говорит о том, что его содержимое связно; например, относится к одной теме, или представляет собой какой-то конкретный раздел документа, отличный по смыслу от остальных разделов.

div - просто блочный элемент, без специального семантического значения. В нем может находиться что угодно, он своему содержимому смысла никак не придает и используется просто для оформления или привязки к js.