Розмітьте статтю семантично
Умова
Візьміть текст статті з заголовком, вступом і двома розділами та розмітьте його за допомогою семантичних елементів HTML5.
Вимоги
- Стаття обгорнута в <article>
- Заголовок статті та дата винесені у <header>
- Кожен розділ статті — окремий <section> зі своїм <h2>
- Використано правильну ієрархію заголовків (h1 для назви статті, h2 для розділів)
Початковий код
<article>
</article>
▶ Відкрити в HTML Editor Підказки
- 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>