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

En

HTML Тег <q>


Приклад

Позначте коротку цитату:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Спробуйте самі »

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


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

Тег <q> визначає коротку цитату.

Зазвичай веббраузери ставлять цитати в лапки.

Порада: Використовуйте <blockquote> для довгих цитат.


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

Елемент
<q> Так Так Так Так Так

Атрибути

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

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

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


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

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


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

Приклад

Використовуйте CSS для стилізації <q> елемента:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>
Спробуйте самі »

Пов’язані сторінки

HTML DOM довідник: Об’єкт Quote


CSS налаштування за замовчуванням

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

Приклад

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}
Спробуйте самі »

Довідка на MDN - <q> тег