HTML-тег <q>
Тег <q> является строчным элементом, предназначенным для коротких цитат, которые не занимают несколько строк. Для вставки длинных цитат необходимо использовать блочный элемент <blockquote>.
Помимо определения цитат, тег <q> также используется для выделения слов или фраз, употреблённых в переносном смысле.
Браузеры обычно заключают текст внутри тега <q> в кавычки, внешний вид которых зависит от кодировки HTML-документа и самого браузера. Изменить внешний вид кавычек можно с помощью стилей CSS.
Синтаксис
Тег <q> используется парами. Содержимое записывается между открывающим (<q>) и закрывающим (</q>) тегами.
Пример использования HTML-тега <q>:
HTML-тег <q>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Bernard Show says:
<q cite="https://www.wikiquote.org/">He who can, does; he who cannot, teaches.</q>
</p>
</body>
</html>Результат
Пример использования HTML-тегов <q> и <blockquote>:
Пример использования HTML-тега <q> в сочетании с тегом <blockquote>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
<blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
I'm not crazy, my reality is just different than yours.
</blockquote>
<q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает источник цитаты. Пользователь не видит эту информацию. |
| lang | language-code | Определяет язык содержимого элемента. |
Тег <q> поддерживает Глобальные атрибуты и Атрибуты событий.
Как стилизовать HTML-тег <q>
<style>
q {
color: #2a7ae2;
font-weight: bold;
}
</style>
<p>He who can, <q>does</q>; he who cannot, teaches.</p>Практика
Какова функция HTML-тега <q>?