Пример
Отметьте короткую цитату:
<p>Цель ВОЗ состоит в том, чтобы:
<q>Построить будущее, в котором люди будут жить в гармонии с природой.</q>
Мы надеемся, что они преуспеют.</p>
Попробуйте сами »
Определение и использование <q>
Тег <q> тег определяет короткую цитату.
Браузеры обычно вставляют кавычки вокруг цитаты.
Совет: Используйте тег <blockquote> для длинных цитат.
Поддержка браузеров <q>
| Элемент | |||||
|---|---|---|---|---|---|
| <q> | Да | Да | Да | Да | Да |
Атрибуты <q>
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает исходный URL цитаты |
Глобальные атрибуты <q>
Тег <q> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <q>
Тег <q> также поддерживает События атрибутов в HTML.
Еще примеры <q>
Пример
Используйте CSS для стилизации элемента <q>:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>Цель ВОЗ состоит в том, чтобы:
<q>Построить будущее, в котором люди будут жить в гармонии с природой.</q>
Мы надеемся, что они преуспеют. </p>
</body>
</html>
Попробуйте сами »
Связанные страницы <q>
HTML DOM Справочник: Объект Quote
Настройки CSS по умолчанию <q>
Большинство браузеров будут отображать элемент <q> со следующими значениями по умолчанию:
Пример
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Попробуйте сами »