<blockquote> - элемент цитаты

Интерактивный пример

<div>
  <blockquote cite="https://www.huxley.net/bnw/four.html">
    <p>
      Words can be like X-rays, if you use them properly—they’ll go through
      anything. You read and you’re pierced.
    </p>
  </blockquote>
  <p>—Aldous Huxley, <cite>Brave New World</cite></p>
</div>

div:has(> blockquote) {
  background-color: #ededed;
  margin: 10px auto;
  padding: 15px;
  border-radius: 5px;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

blockquote + p {
  text-align: right;
}

Атрибуты

Для данного элемента доступны глобальные атрибуты.

cite

URL, указывающий на исходный документ или сообщение, откуда была взята цитата. Этот атрибут предназначен для того, чтобы сослаться на информацию, объясняющую контекст, или ссылки, из которых была взята цитата.

Пример

<blockquote cite="http://developer.mozilla.org">
  <p>This is a quotation taken from the Mozilla Developer Center.</p>
</blockquote>

Результат:

Спецификации

Совместимость с браузерами

Примечание

Чтобы изменить отступ элемента <blockquote>, используйте CSS - свойство margin.

Для коротких цитат используйте элемент <q>.

Смотрите также

• Элемент <q> для встроенных (строковых) цитат.
• Элемент <cite> для указания источника.