САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <blockquote>



Пример

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

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

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

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

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


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


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

Элемент
<blockquote> Да Да Да Да Да

Атрибуты

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

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

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


События атрибутов

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



Еще примеры

Пример

Используйте CSS для удаления отступа из элемента blockquote:

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

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

<blockquote cite="http://www.worldwildlife.org/who/index.html">
За 50 лет, Всемирный Фонд Дикой Природы защищатет будущее природы. Ведущая в мире природоохранная организация, ВОЗ работает в 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;
}
Попробуйте сами »