<q> - HTML елемент для коротких цитат

HTML-елемент <q> (або елемент короткої цитати) вказує на те, що вкладений текст є короткою вбудованою цитатою. Більшість сучасних браузерів реалізують це, оточуючи текст лапками.

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

HTML
<q>...</q>

Атрибути

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

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

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

Категорія контенту	Потоковий контент, фразовий контент, відчутний контент.
Дозволений вміст	Фразовий контент.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає фразовий контент.
Роль ARIA	Немає відповідної ролі.
DOM інтерфейс	`HTMLQuoteElement`

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

<p>Згідно з <a href="https://www.example.com/source"><cite>Джерелом</cite></a>, <q cite="https://www.example.com/source">цитата з посиланням на джерело</q>.</p>

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

CSS
q {
  display: inline;
}

q::before {
  content: open-quote;
}

q::after {
  content: close-quote;
}

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



`<q>`
`cite`