Исправьте: полезные глобальные атрибуты

Опишите section через id, class и data-атрибут.

Официальный источникWHATWG HTML — global attributesПроверено: 2026-08-26

ШАГ 1 · ИЗУЧИТЕ

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

Опишите section через id, class и data-атрибут. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример

<section id="services" class="service-list" data-kind="commercial"><h2>Услуги</h2><p>Веб-решения для бизнеса.</p></section>

id уникально определяет элемент в документе, class связывает его с одной или несколькими группами, а data-kind хранит данные, относящиеся к странице. h2 по-прежнему описывает смысл раздела.

Частая ошибка

<section id="services" class="" data-kind=""><h2>Услуги</h2></section>

У id есть значение, но class и data-kind пусты, поэтому элемент не полностью определён для стилей или данных страницы.

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

Ваше задание

Исправьте пример, не меняя его цель. Опишите section через id, class и data-атрибут.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

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

0%не проверено

У section есть непустой id.
У section есть непустой class.
У section есть непустой data-kind.
Раздел сохраняет заголовок.

Объясните логику решения

Заполните три атрибута непустыми значениями. Можно выбрать другие названия, если они последовательно описывают раздел.

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

Ваше задание

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

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