Двойные кавычки встречаются в тексте очень часто, но когда речь идет о теге q, появляется настоящая смысловая точность: это именно цитата. Этот элемент является строчным и помогает аккуратно выделить короткий отрывок цитаты прямо внутри основного текста.
Проще говоря, вы явно сообщаете браузеру, что здесь должна быть именно цитата. Если просто вставить двойные кавычки, браузер увидит обычный абзац с парой знаков. А при использовании тега q он понимает, что часть текста - настоящая цитата.
И вот тут начинается интересное: когда браузер знает о цитате, он может показать ее наиболее удачным способом. Одни браузеры добавят кавычки вокруг текста, другие оставят его без дополнительных знаков, а в отдельных случаях возможны и другие варианты отображения. К тому же не стоит забывать про мобильные устройства и речевые браузеры для людей с плохим зрением. Этот тег полезен и еще в одной приятной ситуации - например, когда поисковые системы просматривают Сеть и отбирают страницы с цитатами. Структура и смысловое значение на страницах действительно важны.
Одна из главных причин использовать тег q - возможность стилизовать цитаты так, как вам хочется. Например, если вы хотите сделать их курсивом и красным цветом, с этим тегом задача решается легко и красиво.
Примечание: для выделения длинных цитат, занимающих несколько строк или целый абзац, лучше использовать тег blockquote.
Атрибуты - cite:
- Указывает URL-адрес документа, откуда взята цитата. В обычных браузерах этот атрибут не дает визуального эффекта, но может пригодиться программам чтения с экрана.
Кроме того, тег q поддерживает и другие стандартные возможности HTML.
Пример <p>Лещинский Ежи:</p><q>Бери пример со старших, пока они ведут себя примерно</q>.