ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. W3Schools на русском. Полный справочник тегов

HTML Тег <blockquote>


Пример

Раздел, цитируемый из другого источника:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Вот уже 50 лет WWF защищает будущее природы. Всемирный фонд дикой природы (WWF), ведущая в мире природоохранная организация, работает в 100 странах, и его поддерживают 1,2 миллиона членов в США и около 5 миллионов во всем мире.
</blockquote>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


Определение и использование

Тег <blockquote> определяет раздел, цитируемый из другого источника.

Браузеры обычно делают отступ в элементах <blockquote> (см. пример ниже, чтобы узнать, как удалить отступ).


Советы и примечания

Совет: Используйте <q> для встроенных (коротких) цитат.


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

Элемент
<blockquote> Yes Yes Yes Yes Yes

Атрибуты

Атрибут Значение Описание
cite URL Указывает источник цитаты

Глобальные атрибуты

Тег <blockquote> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <blockquote> также поддерживает Атрибуты событий в HTML.



Больше примеров

Пример

Используйте CSS, чтобы удалить отступ в элементе цитаты:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>Вот цитата с сайта WWF:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Вот уже 50 лет WWF защищает будущее природы. Всемирный фонд дикой природы (WWF), ведущая в мире природоохранная организация, работает в 100 странах, и его поддерживают 1,2 миллиона членов в США и около 5 миллионов во всем мире.
</blockquote>

</body>
</html>
Попробуйте сами »

Связанные страницы

HTML DOM справочник: Объект Blockquote


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <blockquote> со следующими значениями по умолчанию:

Пример

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
Попробуйте сами »