Тег <blockquote>

Описание

Тег <blockquote> используется для выделения длинных цитат в отдельный блок. Браузеры обычно отображают этот элемент с отступами и возможным курсивным начертанием.

Базовая цитата:
<blockquote> Это текст цитаты, который будет выделен как отдельный блок с отступами. </blockquote>
Цитата с указанием источника:
<blockquote cite="https://example.com/source"> <p>Текст цитаты, который занимает несколько строк и имеет источник.</p> <footer>— Автор, <cite>Название работы</cite></footer> </blockquote>
Стилизация через CSS:
<style> blockquote { border-left: 3px solid #ccc; padding-left: 15px; margin: 1em 0; font-style: italic; } </style> <blockquote> Стилизованная цитата с левой границей. </blockquote>

Ключевые особенности:

  • Атрибут cite указывает URL источника цитаты
  • По умолчанию имеет отступы слева и справа
  • Семантически важен для SEO и доступности
  • Часто используется в сочетании с тегами <footer> и <cite>

Для коротких цитат внутри текста используйте тег <q>, а для длинных выделенных цитат - <blockquote>.

Атрибуты

cite URL источника цитаты
class CSS-класс
contenteditable Редактируемость
data-* Пользовательские данные
dir Направление текста
hidden Скрытие элемента
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
tabindex Порядок перехода
title Всплывающая подсказка
translate Переводимость текста

Поддержка браузерами
3.0 1.0 2.0 1.0 1.0