HTML - тег <blockquote>


Пример

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

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

Другие примеры «Попробуйте сами» ниже.


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

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

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


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

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


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

Element
<blockquote> Yes Yes Yes Yes Yes

Атрибуты

Attribute Value Description
cite URL Specifies the source of the quotation

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

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


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

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



Дополнительные примеры

Пример

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

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

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>

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

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


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

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

Пример

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}