Разное

Html q – Тег | htmlbook.ru

16.05.2018

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 8.0+ 1.0+ 7.0+ 2.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

Синтаксис

<q>Текст</q>

Закрывающий тег

Обязателен.

Атрибуты

cite
Адрес, который указывает на источник цитаты.

Для этого тега доступны универсальные атрибуты и события.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег Q</title> <style> q { font-family: Times, serif; /* Шрифт с засечками */ font-style: italic; /* Курсивное начертание текста */ color: #008; /* Цвет текста */ } </style> </head> <body> <p>Станислав Лец утверждал: <q>Чаще всего выход там, где был вход</q>.</p> </body> </html>

Результат данного примера показан ниже.

Рис. 1. Вид текста, оформленного с помощью тега <q>

В каждом языке существуют свои традиции для обозначения кавычек, в русской типографике, например, применяются кавычки вида «…» или „…“. Для изменения типа кавычек используется стилевое свойство quotes.

Браузеры

Браузер Internet Explorer до версии 7 включительно, хотя и понимает тег <q>, но кавычки не ставит. Остальные браузеры кавычки добавляют корректно.

htmlbook.ru

| 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

Редакторы: Влад Мержевич

webref.ru

Тег | 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> 

Результат данного примера в окне браузера:

puzzleweb.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *