Тема:

<blockquote> - HTML елемент для цитат

HTML-елемент <blockquote> вказує на те, що вкладений текст є розширеною цитатою.

Зазвичай, <blockquote> візуально відображається з відступом. Для коротких цитат, які вбудовуються в речення, використовуйте елемент <q>.

Тег blockquote приклад використання в HTML

Синтаксис

HTML
<blockquote>...</blockquote>

Атрибути

Цей тег може мати глобальні атрибути.

cite

URL-адреса документа, з якого було взято цитату. Це може бути інформація про джерело, контекст або інша інформація.

Технічне резюме

Категорія контенту

Потоковий контент, секційний корінь.

Дозволений вміст

Потоковий контент.

Пропуск тегів

Початковий і кінцевий теги є обов’язковими.

Дозволені батьківські елементи

Будь-який елемент, який приймає потоковий контент.

Роль ARIA

blockquote

DOM інтерфейсHTMLQuoteElement

Приклади використання

Результат
<blockquote cite="https://www.huxley.net/bnw/four.html">
  <p>Слова можуть бути як рентгенівські промені, якщо ними правильно користуватися — вони пройдуть крізь усе. Ви читаєте, і вас пронизує.</p>
  <footer>— Олдос Гакслі, <cite>Прекрасний новий світ</cite></footer>
</blockquote>

Стилі за замовчуванням

CSS
blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

Підтримка браузерів

<blockquote>
cite

Останнє оновлення: