HTML тег - blockquote - определение и примеры использования
Меню
Веб-разработка
Тег blockquote HTML

HTML - тег <blockquote> используется для определения длинных цитат внутри документа. Это элемент уровня блока, который может включать теги для форматирования текста.


Тег <blockquote> - синтаксис и код

Тег <blockquote> представлен парами. Содержимое записывается между открывающим (<blockquote>) и закрывающим (</blockquote>) тегами.

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

<blockquote cite="https://site.ru/">
Здесь длинная цитата... текст, текст, текст...
</blockquote>

Здесь длинная цитата... текст, текст, текст...

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

  • HYML - тег <blockquote> указывает раздел, цитируемый из другого источника;
  • Браузеры обычно делают отступы для элементов blockquote (см. пример ниже, чтобы узнать, как убрать отступы).
Рекомендация: используйте тег <q> для встроенных (коротких) цитат.

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

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

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

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

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


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

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

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

<blockquote cite="https://site.ru/"> 
Здесь длинная цитата... текст, текст, текст... 
</blockquote>

</body>
</html>


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

Руководство по HTML:  HTML цитаты и элементы цитирования


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

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

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


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой