Синтаксис

<q>...</q>

Описание

Тег <q> (от англ. quotation — цитата, кавычки) используется для выделения в тексте цитат, объем которых не должен превышать один абзац.

Браузеры автоматически заключают текст расположенный внутри контейнера <q> в кавычки. Внешний вид кавычек зависит от браузера и кодировки HTML-страницы, изменить его можно при помощи CSS стилей.

Внимание!

Для вставки более длинных цитат используйте тег <blockquote>.

Атрибуты, которые можно использовать в теге <q>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
cite URL-адрес

Указывает источник цитаты.

Для пользователя эта информация скрыта

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег q</title>
</head>
<body>
    <p>
        <q>Сложнее всего начать действовать, все остальное зависит только от упорства.</q> 
        Ⓒ Амелия Эрхарт
    </p>
</body>
</html>

Отображение в браузере:

Сложнее всего начать действовать, все остальное зависит только от упорства. Ⓒ Амелия Эрхарт

Параметры CSS по умолчанию

{
    display: inline;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

Поддержка браузера

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<q> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.