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;
}
Попробуйте сами »