Чем отличается тег section от article?
Раньше почти все разделы верстались на дивах. Но в HTML5 добавили сразу два новых тега для разметки разделов:<section> — смысловой или логический раздел документа;<article> — самостоятельный и независимый раздел документа.Чтобы не было путаницы, разберём где и когда использовать разные контейнеры:<div> — контейнер общего назначения, не обязательно смысловой. Дивы используются для разметки мелких блоков, создания сетки и декоративных эффектов.<section> — более крупный логический контейнер, объединяющий содержание по смыслу. Например, блок «О компании», список товаров, раздел личной информации в профиле и так далее.<article> — самостоятельный, цельный и независимый раздел документа. Этот раздел можно в неизменном виде использовать в различных местах, в том числе и на других сайтах. Примеры: статья, пост в блоге, сообщение на форуме и так далее.Новые структурные теги HTML5
W3C пишет, что section - любая часть (заголовок, основной контент, сайдбар), а article - независимый контент.
Например,
-----------------------------------------Hello world!
Lorem ipsum dolot sit amet
-----------------------------------------
- article, а 
-----------------------------------------Something           | Right column
Something else      | Other
-----------------------------------------
- скорее section