Тег HTML <blockquote>

  • Предыдущая страница <big>
  • Следующая страница <body>

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

<blockquote> тег определяет часть, заимствованную из других источников.

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

Подробное описание

<blockquote> тег определяет блок-цитату.<blockquote> С </blockquote> Все тексты между этими символами будут выделены и часто отступлены (увеличены внешние отступы), а иногда могут быть написаны курсивом. То есть, блок-цитата имеет свою собственную область.

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

Дополнительная информация:

Руководство по HTML DOM:Объект Blockquote

Пример

Пример 1

Часть, заимствованная из других источников:

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

Попробуйте сами

Пример 2

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

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

Попробуйте сами

Атрибут

Атрибут Значение Описание
cite URL определяет источник цитаты.

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

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

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

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

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

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

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

Попробуйте сами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <big>
  • Следующая страница <body>