Тег <blockquote>: развёрнутые цитаты
Как отделить цитируемый фрагмент от собственного текста и указать источник.
Зачем нужен этот элемент
blockquote выделяет развёрнутую цитату из другого источника. Он сообщает происхождение фрагмента, а не просто создаёт красивый отступ. Для короткой цитаты внутри предложения существует q; для визуального блока без цитирования лучше обычный контейнер.
Атрибут cite может содержать адрес источника, но браузер обычно не показывает его как видимую подпись. Поэтому авторство и ссылку нужно написать отдельно. Удобно объединить цитату и подпись в figure с figcaption.
Синтаксис и пример
<figure>
<blockquote><p>Начните с маленького рабочего примера.</p></blockquote>
<figcaption>Учебная цитата, созданная для этого примера.</figcaption>
</figure>Что важно в разметке
| Параметр | Как использовать |
|---|---|
| cite | URL источника цитаты, не видимая подпись. |
| p | Абзац внутри цитируемого блока. |
| figcaption | Видимая подпись к группе figure. |
Частая ошибка
Небольшая практика
Добавьте подпись «Учебная цитата» и отделите её от содержимого blockquote. Для настоящей публикации замените пример проверенной цитатой и ссылкой с соблюдением условий использования.
Разберите также <figure>, <p>: эти элементы пригодятся в том же интерфейсе.