<cite>
- 25 января 2023
Что делает тег
HTML-тег <cite>
используется для указания цитаты или ссылки на источник информации. Обычно тег содержит название цитируемого произведения и имя автора или издателя.
Синтаксис тега <cite>
<cite>Война и мир</cite>
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег <cite>
считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.
Примеры использования
Выделение цитаты:
<blockquote>
<p>«Быть или не быть, вот в чём вопрос»</p>
<footer><cite>Гамлет</cite></footer>
</blockquote>
Ссылка на книгу:
<p>Недавно я прочитал <cite>«Великого Гэтсби»</cite> Скотта Фицджеральда, и это было потрясающе.</p>
Ссылка на источник:
<p>Согласно исследованию, опубликованному в журнале <cite>«Здоровье»</cite>.</p>
Обозначение названия фильма:
<p>Мой любимый фильм — <cite>«Властелин колец»</cite>.</p>
Ссылка на статью:
<p>Как говорится в <cite>The New York Times</cite>,...</p>
Указание названия песни:
<p>Я обожаю песню <cite>Bohemian Rhapsody</cite> группы Queen.</p>
Цитирование научной работы:
<p>Как отмечается в работе <cite>«Исследование интернет-технологий в органах государственной власти»</cite>,...</p>
Для чего использовать тег <cite>
- Процитировать книгу или другое произведение.
- Процитировать фразу с веб-сайта или приложения.
- Процитировать фразу из фильма или другого медиаматериала.
- Указать автора цитаты.
- Дать ссылку на источник данных.
- Указать автора фрагмента контента.
- Указать создателя веб-сайта или приложения.
Атрибуты тега <cite>
У тега нет специфических атрибутов.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Тег следует использовать только для указания цитат или ссылок на внешние источники информации. Его не нужно применять для подчёркивания или стилизации.
Нюансы
Если у цитируемого произведения несколько авторов, нужно включить в тег имена всех авторов.
Поддержка браузерами
Тег поддерживается всеми современными браузерами.
Актуальная информация — на caniuse.
Альтернативные теги
Если этот тег не подходит, можно использовать <blockquote>
и <q>
.
Чем заменить тег
Если <cite>
не подходит для определённого случая, можете перефразировать содержание и включить информацию о цитировании без использования специального тега.
Актуальность
Тег <cite>
не устарел, можете использовать его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023