УРОК 07 ИЗ 120

Article и section

Отделите самостоятельный материал от разделов.

Официальный источникWHATWG HTML — articleПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

article может существовать самостоятельно, section группирует тему.

Правильный пример
<article>
  <h1>Как создаётся сайт</h1>
  <section>
    <h2>Планирование</h2>
    <p>Уточняем цель.</p>
  </section>
</article>

article содержит самостоятельный материал. section делит его на темы и имеет собственный заголовок.

Частая ошибка
<section>
  <p>Уточняем цель.</p>
</section>

У section нет заголовка, объясняющего тему, поэтому структуру трудно определить.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Создайте article с двумя section, в каждом h2.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Контент находится в article.
  • В article есть две section.
  • У каждой section есть h2.
Объясните логику решения

Сначала определите самостоятельный материал — это article. Затем сгруппируйте внутренние темы в section с заголовком.