Что делает тег

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.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023