HTML - тег <q>
Пример
Разметьте короткую цитату:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <q>
определяет короткую цитату.
Браузеры обычно вставляют кавычки вокруг цитаты.
Совет: используйте <blockquote> для длинных цитат.
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<q> | Yes | Yes | Yes | Yes | Yes |
Атрибуты
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source URL of the quote |
Глобальные атрибуты
Тег <q>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <q>
также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Используйте CSS для стилизации элемента <q>:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Связанные страницы
Справочник по HTML DOM: объект Quote
Настройки CSS по умолчанию
Большинство браузеров будут отображать <q>
элемент со следующими значениями по умолчанию:
Пример
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}