В HTML есть разные теги для цитирования и указания источников. Основные из них: <blockquote>, <cite> и <q>. Давайте разберёмся в их различиях.
<blockquote>
Тег <blockquote> используется для выделения длинных цитат внутри документа. Обычно браузеры отображают содержимое этого тега с отступами с обеих сторон.
<blockquote>
Это длинная цитата, которая занимает несколько строк текста. Она обычно используется для выделения больших блоков текста.
</blockquote>
<cite>
Тег <cite> нужен для указания источников или названий произведений. Содержимое этого тега обычно отображается курсивом.
<cite>Война и мир</cite> – произведение Льва Толстого.
<q>
Тег <q> нужен для коротких цитат внутри строки. Браузеры автоматически добавляют к содержимому этого тега кавычки, даже если их не было в исходном тексте.
Помните слова Цезаря: <q>Вижу, пришел, победил</q>.
💡 Для длинных цитат — <blockquote>
Для коротких цитат в строке — <q>
Для источников — <cite>
По умолчанию цитаты выглядят не очень, но их можно сделать красивыми. Посмотрите, как это сделать: