Элементы article, section и aside

<article>

Элемент <article> представляет автономный независимый контент, который может использоваться и распространяться отдельно от своей страницы или сайта. Это может быть сообщение на форуме, журнал или статья из газеты или блога, комментарии, виджет или гаджет или любой другой независимый элемент контента.

Элемент <article> заменил элемент <div>, широко использовавшийся в HTML4 вместе с атрибутами id и class.

<section>

Элемент <section> – это логический контейнер страницы или статьи. С его помощью содержимое элемента article разбивается на блоки, или разделы. Домашняя страница, к примеру, может содержать: раздел с представлением компании, раздел с новостями и ещё один раздел с контактами.

Каждый блок <section> должен быть правильно указан: обычно проставляются теги заголовка (h1-h6), которые оформляются как его дочерние элементы.

Если нужно оформить контент элемента section в отдельный раздел, рекомендуется использовать элемент article.

<aside>

Элемент <aside> служит для представления второстепенного или сопутствующего контента. Это контент, независимый от основного контента, но напрямую с ним связанный.

Он обычно располагается в боковых панелях страницы. Когда тег <aside> используется внутри тега <article>, контент <aside> должен иметь непосредственное отношение к контенту <article>.