В HTML есть разные теги для цитирования и указания источников. Основные из них: <blockquote>, <cite> и <q>. Давайте разберёмся в их различиях.

<blockquote>

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

<blockquote>
Это длинная цитата, которая занимает несколько строк текста. Она обычно используется для выделения больших блоков текста.
</blockquote>

<cite>

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

<cite>Война и мир</cite> – произведение Льва Толстого.

<q>

Тег <q> нужен для коротких цитат внутри строки. Браузеры автоматически добавляют к содержимому этого тега кавычки, даже если их не было в исходном тексте.

Помните слова Цезаря: <q>Вижу, пришел, победил</q>.

💡 Для длинных цитат — <blockquote> Для коротких цитат в строке — <q> Для источников — <cite>

По умолчанию цитаты выглядят не очень, но их можно сделать красивыми. Посмотрите, как это сделать: