Элемент <article> представляет автономный, независимый контент, который может использоваться и распространяться отдельно от своей страницы или сайта. Это может быть сообщение на форуме, журнал или статья из газеты или блога, комментарий, интерактивный виджет или любой другой независимый элемент контента.
Элемент <article> заменил элемент <div>, широко использовавшийся в HTML4 вместе с атрибутами id или class.
Элемент <article> можно помещать внутрь другого элемента <article>. Такой вложенный элемент представляет контент, связанный с элементом снаружи.
Элемент <section>
Элемент <section> – это логический контейнер страницы или статьи.
С его помощью содержимое элемента <article> разбивается на блоки или разделы.
Если нужно оформить контент элемента <section> в отдельный раздел, рекомендуется использовать элемент <article>.
Элемент <aside>
Элемент <aside> служит для представления второстепенного или сопутствующего контента.
Он обычно располагается в боковых панелях страницы.
<article>
<h1>Подарки на любой вкус!</h1>
<p>На этом веб-сайте Вы найдёте лучшие в мире подарки!</p>
<aside>
<p>Доставка в течение 24 часов.</p>
</aside>
</article>