HTML тег q

Тег <q> определяет короткую цитату внутри документа.

Обычно браузеры помещают содержимое элемента <q> внутрь кавычек.

Для определения блока цитируемого текста используется тег <blockquote>.

Атрибуты тега <q>

АтрибутОписание
citeОпределяет URL источника короткой цитаты

Общие атрибуты

Тег <q> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <q> со следующими стилями


q { 
    display: inline;
}

q:before { 
    content: open-quote;
}

q:after { 
    content: close-quote;
}

HTML пример использования

Короткая цитата:


<!DOCTYPE html>
<html>
<body>

<p>Цель Всемирного фонда дикой природы (WWF): 
<q>Построение будущего, где люди будут жить в гармонии с дикой природой.</q>
 Надеемся, что им это удастся.</p>

</body>
</html>