Тег <q>

IE
8.0+
Chrome
1.0+
Opera
7.0+
Safari
2.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

В каждом языке существуют свои традиции для обозначения кавычек, в русской типографике, например, применяются кавычки вида «...» или „...“. Для изменения типа кавычек используется стилевое свойство quotes.

Закрывающий тег обязателен.

<q>Текст</q>

Атрибуты

cite: Адрес, который указывает на источник цитаты.

Для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Тег q</title>
  <style>
   p { 
    font-family: 12px/14px Arial; /* Задаем шрифт */ 
    color: black; /* Цвет текста */
   }
   q {
    font-style: italic; /* Курсивное начертание текста */
    color: red; /* Цвет текста */
   }
  </style>
</head>
<body>

  <p>Кардинал Ришелье как-то сказал:
  <q>Кто уклоняется от игры, тот ее проигрывает</q>.</p>

</body>
</html>

Результат данного примера показан на рисунке ниже:

Вид текста, оформленного с помощью тега q

Браузеры

Браузер Internet Explorer до версии 7 включительно, хотя и понимает тег <q>, но кавычки не ставит. Остальные браузеры кавычки добавляют корректно.

Категория: Строчные элементы, Текст