Якщо вміст не є семантично пов'язаним, варто використовувати <div>. Якщо семантично пов'язаний вміст може бути автономним, використовуйте тег <article> . В іншому випадку використовуйте <section> .Nov 1, 2015
div – "Базовий контейнер", який ми всі знаємо і любимо. Це звичайний блоковий елемент без будь-якого семантичного значення. section – "Документ або розділ програми". Зазвичай містить верхній (header) та нижній (footer) колонтитули.
Елемент <div> слід використовувати тільки в тому випадку, якщо інший семантичний елемент (такий як <article> або <nav> ) не підходить.
Він використовується для угруповання логічно пов'язаного контенту та створення розділів сторінки (блок новин, контактна інформація тощо). Тег <section> часто використовують під час створення “посадкових сторінок” (landing page) для поділу сторінки на логічні блоки.