<q>

Тег <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.

        
          
          <p>  В Японии принято обозначать звук, произносимый кошкой как  <q lang="ja-latn">nyan</q></p>
          <p>
  В Японии принято обозначать звук, произносимый кошкой как
  <q lang="ja-latn">nyan</q>
</p>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать