САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <q>



Пример

Отметьте короткую цитату:

<p>Цель ВОЗ состоит в том, чтобы:
<q>Построить будущее, в котором люди будут жить в гармонии с природой.</q>
Мы надеемся, что они преуспеют.</p>
Попробуйте сами »

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

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

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

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


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

Элемент
<q> Да Да Да Да Да

Атрибуты

Атрибут Значение Описание
cite URL Указывает исходный URL цитаты


Глобальные атрибуты

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


События атрибутов

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


Еще примеры

Пример

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

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

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

</body>
</html>
Попробуйте сами »

Связанные страницы

HTML DOM Справочник: Объект Quote


Настройки CSS по умолчанию

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

Пример

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}
Попробуйте сами »