Пример
Оформить короткую цитату:
<p>Цель WWF:
<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>Цель WWF:
<q>Построить
будущее, где люди будут жить в гармонии с природой.</q>
Надеемся, у них получится.</p>
</body>
</html>
Попробуйте сами »
Связанные страницы
Справка по HTML DOM: Объект Quote
Стандартные настройки CSS
Большинство браузеров отображают элемент <q> со следующими значениями по умолчанию:
Пример
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Попробуйте сами »