HTML-тег `<blockquote>`

Тег <blockquote> используется для определения длинных цитат внутри документа. Браузеры обычно делают отступ для элементов <blockquote>.

URL источника цитаты можно указать с помощью атрибута cite, а текстовое отображение источника — с помощью элемента <cite>.

Это блочный элемент, который может содержать теги для форматирования текста.

Тег <blockquote> размещается внутри тега <body>.

Вы можете использовать свойства margin-right и/или margin-left, либо сокращённое свойство margin, чтобы изменить отступ, применяемый к цитируемому тексту.

TIP

Для коротких цитат в документе используйте тег <q>.

Синтаксис

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

Пример использования HTML-тега `<blockquote>`:

HTML-тег <blockquote>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
  </body>
</html>

Try it Yourself »

Результат

blockquote exemple

Пример использования HTML-тега `<blockquote>` вместе с тегом `<q>`:

Пример использования HTML-тега <blockquote> с HTML-тегом <q>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p> A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
    <q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
  </body>
</html>

Try it Yourself »

Атрибуты

Атрибут	Значение	Описание
cite	URL	Указывает источник цитаты. Значением может быть относительный или абсолютный URL.

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

Как стилизовать HTML-тег <blockquote>

json

{
    "tag_name": "blockquote"
}

Практика

Каково назначение и применение HTML-тега <blockquote>?

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

HTML-тег <blockquote> ​

Синтаксис ​

Пример использования HTML-тега <blockquote>: ​

Результат ​

Пример использования HTML-тега <blockquote> вместе с тегом <q>: ​

Атрибуты ​