Разметьте статью семантически
Условие
Возьмите текст статьи с заголовком, вступлением и двумя разделами и разметьте его с помощью семантических элементов HTML5.
Требования
- Статья обёрнута в <article>
- Заголовок статьи и дата вынесены в <header>
- Каждый раздел статьи — отдельный <section> со своим <h2>
- Использована правильная иерархия заголовков (h1 для названия статьи, h2 для разделов)
Начальный код
<article>
</article>
Подсказки
- header внутри article — это заголовочная часть именно этой статьи, а не всего сайта.
- Не пропускайте уровни заголовков: после h1 должен идти h2, а не h3.
Показать решение
<article>
<header>
<h1>Как устроен HTML</h1>
<p>Опубликовано 12 марта 2026</p>
</header>
<section>
<h2>Что такое тег</h2>
<p>Тег — это базовая единица разметки HTML.</p>
</section>
<section>
<h2>Что такое атрибут</h2>
<p>Атрибут добавляет тегу дополнительную информацию или поведение.</p>
</section>
</article>