Прогресс завершения курса:

Элемент <article>

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

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


<article>
<h1>Заголовок статьи</h1>
<p>Содержимое элемента article</p>
</article>

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

Элемент <section>

Элемент <section> – это логический контейнер страницы или статьи.

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


<article>
<h1>Добро пожаловать!</h1>
<section>
<h1>Заголовок</h1>
<p>Некоторый контент</p>
</section>
</article>

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

Элемент <aside>

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

Он обычно располагается в боковых панелях страницы.


<article>
<h1>Подарки на любой вкус!</h1>
<p>На этом веб-сайте Вы найдёте лучшие в мире подарки!</p>
<aside>
<p>Доставка в течение 24 часов.</p>
</aside>
</article>