НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <blockquote>


Приклад

Розділ, що цитується із іншого джерела:

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

Більше прикладів "Спробуйте самі" нижче.


Визначення та використання

Тег <blockquote> визначає розділ, що цитується з іншого джерела.

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


Поради та примітки

Порада: Використовуйте <q> для вбудованих (коротких) цитат.


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

Елемент
<blockquote> Yes Yes Yes Yes Yes

Атрибути

Атрибут Значення Опис
cite URL Визначає джерело цитати

Глобальні атрибути

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


Атрибути подій

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



Більше прикладів

Приклад

Використовуйте CSS, щоб видалити відступ в елементі цитати:

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

<p>Ось цитата із сайту WWF:</p>

<blockquote cite="https://www.worldwildlife.org/who/index.html">
Ось вже 50 років WWF захищає майбутнє природи. Всесвітній фонд дикої природи (WWF), найбільша в світі природоохоронна організація, працює в 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;
}
Спробуйте самі »