Розмітьте статтю семантично

Умова

Візьміть текст статті з заголовком, вступом і двома розділами та розмітьте його за допомогою семантичних елементів 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>

Схожі інструменти