Двойные кавычки часто встречаются в текстах, но когда вы используете тег `` - это уже конкретная цитата. Тег является строчным элементом и позволяет поместить короткое отрывочное слово прямо в предложение.

То есть вы сообщаете браузеру: «Эта часть текста – цитата». Если оставить только кавычки, браузер воспринимает их как обычный символ; при `` он понимает, что речь идёт о реальном источнике и может отобразить это особым образом.

И вот теперь, когда браузер знает, что фраза цитата, он выбирает лучший способ её показать. Некоторые программы добавляют кавычки вокруг текста, другие – нет, а иногда используются специальные стили. Не забывайте про мобильные устройства и экранные чтецы для слабовидящих: правильное семантическое обозначение облегчает доступность.

Главная причина использования `` - возможность легко настроить внешний вид цитаты через CSS. Хотите, чтобы она была курсивом и красной? С тегом `` это делается без усилий.

Примечание: Для длинных цитат, охватывающих несколько строк или целый абзац, применяют тег `

`.

Атрибуты

cite:

Указывает URL-адрес источника цитаты. В обычных браузерах он не виден, но чтецы экрана используют эту информацию.

Тег `` также поддерживает атрибуты `cite` и стили.

Пример

<p>Лещинский Ежи:</p><q cite="https://example.com">Бери пример со старших, пока они ведут себя примерно.</q>