Исправьте: цитату с источником

Оформите длинную цитату через blockquote, атрибут cite и видимую атрибуцию.

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

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

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

Оформите длинную цитату через blockquote, атрибут cite и видимую атрибуцию. Семантическая структура должна описывать смысл, а не внешний вид.

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

<figure><blockquote cite="https://example.org/interview"><p>Веб предназначен для всех.</p></blockquote><figcaption>— <cite>Интервью с автором</cite></figcaption></figure>

blockquote представляет развёрнутую цитату, cite хранит адрес источника в обрабатываемом виде, а figcaption показывает читателю видимую атрибуцию. figure объединяет их в одну единицу.

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

<figure><blockquote cite=""><p>Веб предназначен для всех.</p></blockquote><figcaption>Автор</figcaption></figure>

Атрибут cite пуст, а видимая атрибуция не использует элемент cite, поэтому источник описан не полностью.

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

Ваше задание

Исправьте пример, не меняя его цель. Оформите длинную цитату через blockquote, атрибут cite и видимую атрибуцию.

index.htmlHTML

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

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

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

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

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

Цитата использует blockquote с непустым URL в cite.
У цитаты есть видимый текст.
Видимая атрибуция использует cite.

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

Добавьте реальный URL в cite у blockquote и поместите название работы или имя автора в cite внутри figcaption.

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

Ваше задание

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

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