HTML <q> тег

  • Предыдущая страница <progress>
  • Следующая страница <rp>

Определение и использование

<q> Тег определяет короткие цитаты.

Браузеры обычно вставляют кавычки вокруг цитаты.

Совет:Для длинных цитат используйте: Тег <blockquote>.

Уточнение:

Руководство по HTML DOM:Объект Quote

Пример

Пример 1

Маркировка кратких цитат:

<p>Цель Всемирного фонда дикой природы:
<q>Строить будущее, в котором люди и природа живут в гармонии.</q>
Надеемся, что они будут успешными.</p>

Попробуйте сами

Пример 2

Использование CSS для установки стиля элементов <q>:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>Цель Всемирного фонда дикой природы:
<q>Строить будущее, в котором люди и природа живут в гармонии.</q>
Надеемся, что они будут успешными.</p>
</body>
</html>

Попробуйте сами

Свойство

Свойство Значение Описание
cite URL Определяет URL источника цитаты.

Глобальные свойства

<q> Тег также поддерживает Глобальные свойства в HTML.

Свойства событий

<q> Тег также поддерживает Свойства событий в HTML.

Стандартные настройки CSS

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <q> Элемент:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <progress>
  • Следующая страница <rp>