Кратко
СкопированоТег <q>
пригодится в ситуации, когда нужно вставить цитату другого человека прямо в текст предложения. Если цитата большая и состоит из нескольких абзацев, то понадобится тег <blockquote>
.
Пример
Скопировано<p> Великая актриса Фаина Раневская часто говорила: <q> Жизнь слишком коротка, чтобы тратить её на диеты, жадных мужчин и плохое настроение. </q></p>
<p> Великая актриса Фаина Раневская часто говорила: <q> Жизнь слишком коротка, чтобы тратить её на диеты, жадных мужчин и плохое настроение. </q> </p>
Как пишется
СкопированоПрямо внутри абзаца между открывающим и закрывающим тегом <q>
вставляем слова, которые хотим процитировать.
При этом тег добавляет кавычки вокруг цитируемой части предложения. Внешним видом кавычек можно управлять при помощи CSS-свойства quotes
.
Атрибуты
СкопированоК тегу можно добавить любые глобальные атрибуты, а также атрибут cite
для указания источника цитаты. Напоминаем, что атрибут cite
или тег <cite>
нужны для указания ссылки на источник или его названия. ☝️ Не для указания имени человека, которого вы цитируете! Можете подробнее почитать в статье про <blockquote>
<p> Великая актриса Фаина Раневская часто говорила: <q cite="https://www.soyuz.ru/articles/889"> Жизнь слишком коротка, чтобы тратить её на диеты, жадных мужчин и плохое настроение. </q></p>
<p> Великая актриса Фаина Раневская часто говорила: <q cite="https://www.soyuz.ru/articles/889"> Жизнь слишком коротка, чтобы тратить её на диеты, жадных мужчин и плохое настроение. </q> </p>
Подсказки
Скопировано💡 Тег <q>
строчный, удобно встраивается в любой текст, не ломая его.
💡 Вокруг цитируемого текста добавляются кавычки. Вид кавычек зависит от языка документа, указанного в атрибуте lang
. Вы можете изменить внешний вид кавычек при помощи CSS-свойства quotes
.
На практике
Скопированосоветует Скопировано
🛠 Если перед вами стоит задача добавить в текст цитату на другом языке, то можно у тега <q>
указать атрибут lang
со значением языка цитаты. Тогда текст внутри тега будет отформатирован согласно правилам указанного языка.
<p> В Японии принято обозначать звук, произносимый кошкой как <q lang="ja-latn">nyan</q></p>
<p> В Японии принято обозначать звук, произносимый кошкой как <q lang="ja-latn">nyan</q> </p>
Обратите внимание, что кавычки в этом примере отличаются от стандартных, они соответствуют тем кавычкам, которые ставятся в латинизированном японском тексте.