Вебсправочник
Справочник HTML

Тег <cite>: название источника в тексте

Cite обозначает название произведения или другого творческого источника. Он помогает разметить ссылку на книгу, статью или страницу, не смешивая название с именем автора.

Назначение

Cite обозначает название произведения или другого творческого источника. Он помогает разметить ссылку на книгу, статью или страницу, не смешивая название с именем автора.

Как это работает

Внутри cite можно разместить обычную ссылку. Сам элемент не добавляет URL, сноску или автоматическую библиографию. Типовое курсивное оформление можно изменить, если смысл разметки остаётся прежним.

Пример

<p>Для упражнения используем материал <cite><a href="#source-note">Памятка по разметке</a></cite>.</p>
<section id="source-note"><h2>Памятка по разметке</h2><p>Учебный источник для демонстрации: выбирайте элементы по назначению.</p></section>

Что должно получиться

Название учебного источника выделено и ведёт к расположенному ниже разделу. Это самостоятельно созданный пример, а не библиографическое утверждение о внешней публикации.

Граница применения и частая ошибка

Не используйте cite просто для любого курсивного слова или имени человека. Атрибут cite у blockquote и элемент cite — разные механизмы. Видимую ссылку на реальный источник нужно задавать явно и проверять её адрес.

Самостоятельная проверка

Замените учебное название существующей публикацией, которую действительно используете. Разделите название, автора и ссылку. Отключите стили и убедитесь, что источник по-прежнему можно найти и понять.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.