Чем отличается элемент article от элемента main в HTML5?

Основное отличие элементов article и main в HTML5 заключается в их функциях.

Элемент article определяет независимый блок, в котором группируются записи, такие как статьи, публикации в блогах, комментарии и т. д.. ru.w3docs.com Этот элемент содержит автономный контент, который может распространяться вне контекста страницы, например, через RSS. learntutorials.net devtut.github.io

Элемент main, в свою очередь, формирует основное содержимое документа. ru.w3docs.com Этот контент уникален для отдельной страницы и не должен появляться в другом месте на сайте. learntutorials.net devtut.github.io Повторяющиеся элементы, такие как заголовки, нижние колонтитулы, навигация, логотипы и т. д., располагаются вне элемента main. www.yocton.ru devtut.github.io

Таким образом, article больше подходит для самостоятельного контента, а main — для основного содержимого веб-страницы.