<q> предназначен для выделения коротких цитат в предложениях. Текст внутри этого тега автоматически обрамляется кавычками. Если вы просто поставите двойные кавычки, то браузер поймет, что есть абзац текста с парой двойных кавычек в нем. А если использовать тег <q>, то браузер интерпретирует часть этого текста как реальную цитату. И вот теперь, когда браузер знает, что это цитата, он может отобразить ее наилучшим из возможных способов.Одна из главных причин применения тега <q> - это возможность стилизовать цитаты при помощи
CSS.