Тег | HTML справочник
Поддержка браузерами
Описание
Существует множество случаев, когда в тексте используются двойные кавычки, но в случае применения HTML тега <q> (quote), это означает, что используется именно цитата. Он является строчным элементом и определяет короткие цитаты в HTML-документе, то есть определяет текст цитаты непосредственно в тексте.
Другими словами, вы должны указать браузеру, что хотите добавить именно цитату. Если вы просто поставите двойные кавычки, то браузер поймет, что есть абзац текста с парой двойных кавычек в нем. А если использовать тег <q>, то браузер интерпретирует часть этого текста как реальную цитату.
И вот теперь, когда браузер знает, что это цитата, он может отобразить ее наилучшим из возможных способов. Некоторые браузеры отобразят двойные кавычки вокруг текста, некоторые не отобразят, а в отдельных случаях могут использоваться и другие методы. Кроме того, не забывайте о мобильных устройствах и речевых браузерах для людей с плохим зрением. Этот тег полезен и в других ситуациях, например при работе поисковых систем, просматривающих Сеть и выбирающих страницы с цитатами. Структура и значение в ваших страницах — очень важные вещи.
Одна из главных причин применения тега <q> — это возможность стилизовать цитаты (с помощью стилей CSS), чтобы они выглядели так, как вы посчитаете нужным. Предположим, вы хотите, чтобы цитата отображалась курсивом и красным цветом, используя для ее отображения тег <q>, вы легко сможете это сделать.
Примечание: для выделения длинных цитат, занимающих несколько строк или целый абзац, используется тег blockquote.
Атрибуты
- cite:
- Указывает URL-адрес документа, откуда была взята цитата. Атрибут не имеет визуального эффекта в обычных браузерах, но может быть использован программами чтения с экрана.
Тег <q> так же поддерживает Глобальные атрибуты и События
Стиль по умолчанию
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Пример
<p>Лещинский Ежи: <q>Бери пример со старших, пока они ведут себя примерно</q>.</p>
Результат данного примера в окне браузера:
Тег | HTML справочник
HTML тегиЗначение и применение
HTML-тег <q> (HTML Quote Element) используется для выделения коротких цитат (строчная цитата). Как правило, браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.
Обращаю Ваше внимание, что для использования длинных цитат в документе, существует специальный блочный HTML элемент <blockquote>.
Поддержка браузерами
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает URL адрес ресурса/документа, из которого была заимствована цитата. Для пользователя этот атрибут не отображается (не видимо его применение). Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера. Допускается указывать как абсолютные адреса (например: <q cite = «http://basicweb.ru/html/tag_q.php»>), так и относительные (например: <q cite = «tag_q.php»>. |
Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования элемента <q></title> </head> <body> <h4>Пример использования коротких цитат:</h4> <p><q cite = https://ru.wikipedia.org/wiki/Pecunia_non_olet> Деньги не пахнут </q> - фраза, которую, как считается, произнёс император Веспасиан.</p> <hr> <h4>Пример использования длинных цитат:</h4> <p>Здесь информация с сайта «Википедия»:</p> <blockquote>Деньги не пахнут - крылатое латинское выражение. Слова, приписываемые императору Веспасиану, якобы произнесенные им после получения денег от налога на общественные уборные Рима и обращённые к его сыну Титу, который выразил неудовольствие по этому поводу. </blockquote> </body> </html>
Атрибут cite указывает URL адрес ресурса, из которого была заимствована цитата. Для пользователя этот атрибут не отображается (не видимо его применение). Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера.
Ниже приведён пример, как это отображается в браузере (к заголовкам применен тег <h4>, а между примерами использован тег <hr> – горизонтальная черта):
Пример использования коротких и длинных цитат в HTML.Отличия HTML 4.01 от HTML 5
Нет.Значение CSS по умолчанию
q {
display: inline;
}
q::before {
content: open-quote;
}
q::after {
content: close-quote;
}
Поддержка глобальных атрибутов
Элемент поддерживает «глобальные атрибуты».
Атрибуты событий
Элемент поддерживает «атрибуты событий».
HTML теги| HTML | WebReference
Элемент <q> (от англ. quotation — цитата, кавычки) используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.
Закрывающий тег
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Q</title>
<style>
q {
font-style: italic; /* Курсивное начертание текста */
color: #008; /* Цвет текста */
}
</style>
</head>
<body>
<p>Станислав Лец утверждал: <q>Чаще всего выход там, где был
вход</q>.</p>
</body>
</html>Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью <q>
В каждом языке существуют свои традиции для обозначения кавычек, в русской типографике, например, применяются кавычки вида «…» или „…“. Для изменения типа кавычек используется стилевое свойство quotes.
Примечание
Браузер Internet Explorer до версии 7 включительно кавычки не ставит. Остальные браузеры кавычки добавляют корректно.
Спецификация ?
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
×Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
×Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 09.10.2018
Редакторы: Влад Мержевич
| Справочник HTML
Элемент <q> (от англ. «quotation» ‒ «цитата, высказывание») определяет внутри документа короткую цитату, объём которой не должен превышать больше одного абзаца. Причем он может использоваться не только для выделения цитат, но и для слов или выражений, которые имеют переносный смысл. Браузеры автоматически заключают текст расположенный внутри элемента <q> в кавычки. Внешний вид кавычек зависит от браузера и кодировки HTML-страницы, изменить его можно при помощи стилей (CSS).
Примечание: Для использования длинных цитат в документе, существует специальный блочный HTML элемент <blockquote>.
Синтаксис
<q>Текст</q>Закрывающий тег
Обязателен.
Атрибуты
- cite
- Указывает URL адрес ресурса/документа, из которого была заимствована цитата. Для пользователя этот атрибут не отображается (не видимо его применение). Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера.
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <q> со следующими значениями CSS по умолчанию:
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}Различия между HTML 4.01 и HTML5
Нет.
Пример использования:
Заранее отформатированный текст:
Пример HTML:
Попробуй сам<p>Как сказал А. А. Милн, <q>некоторые люди говорят с животными.</q><p>Спецификации
Поддержка браузерами
| Элемент | ||||||
| <q> | 8+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| Элемент | ||||
| <q> | 1+ | 1+ | 6+ | 1+ |
Попробуйте сами — Примеры
Как создать длинную и короткую цитату:
Длинные и короткие цитаты
Как выделить аббревиатуру:
Аббревиатура
Как указать контактную информацию, адрес или телефон:
Адрес
Как оформить ссылку на первоисточник:
Источники и определения
Учебник HTML
HTML уроки: HTML Цитаты
HTML уроки: HTML Элементы
HTML тег q | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 23.01.2011
Тег <q>
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<q>...</q>
Атрибуты
Основные Вспомогательные События
| cite | ссылка на первоисточник |
|---|---|
| class | определяет имя используемого класса |
| dir | определяет направление символов:
|
| id | уникальный идентификатор |
| lang | определяет используемый язык в документе, на который указывает ссылка |
| onclick | щелчок на элементе |
| ondblclick | двойной щелчок на элементе |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| style | задает встроенную таблицу стилей |
| title | всплывающая подсказка |
Пример
Код:
Как говорил Суворов <q>...тяжело в учении - легко в бою!</q>
Рекомендации по использованию
- закрывающий тег обязателен (</q>)
- может содержать CDATA и строчные элементы
- обязательных атрибутов нет
- атрибут cite не поддерживается современными браузерами
К тексту тега <q> браузеры (кроме IE) добавляют кавычки. Вид кавычек должен зависеть от используемого языка (задается атрибутом lang). Тем не менее Netscape Navigator 6+ и Opera 5+ всегда добавляют кавычки вида «, не зависимо от языка. Чтобы решить эту проблему, можно использовать стилевое свойство quotes.
Тег <q> является строчным аналогом тега <blockquote>