Тег HTML `<cite>`

Тег <cite> определяет название произведений искусства, книг, картин, телевизионных программ, веб-сайтов и т. д.

TIP

Используйте элемент <blockquote> для определения длинных цитат, а элемент <q> — для коротких.

Согласно спецификации W3C HTML, ссылка на произведение искусства может содержать имя автора произведения. Однако WHATWG HTML Living Standard утверждает, что имя автора указывать не следует.

Используйте атрибут cite для элементов <q> или <blockquote>, чтобы указать источник цитируемого материала.

Как правило, текст внутри <cite> по умолчанию отображается курсивом. Если вы хотите избежать этого, вы можете применить свойство CSS font-style к <cite>.

Синтаксис

Тег <cite> является парным. Содержимое записывается между открывающим (<cite>) и закрывающим (</cite>) тегами.

Пример использования тега HTML `<cite>`:

Тег HTML <cite>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Michelangelo sculpted <cite>David</cite> between 1501 and 1504</p>
  </body>
</html>

Try it Yourself »

Результат

cite example

Атрибуты

Тег <cite> также поддерживает Глобальные атрибуты и Атрибуты событий.

Как стилизовать тег HTML <cite>

По умолчанию браузеры отображают текст <cite> курсивом. Вы можете изменить это, используя свойство CSS font-style:

css

cite {
  font-style: normal;
}

Обратите внимание, что элемент <cite> не поддерживает атрибут href напрямую. Чтобы добавить ссылку на источник, оберните <cite> в тег <a>:

html

<p>According to <cite><a href="https://example.com/source">The Art of Sculpting</a></cite>, Michelangelo...</p>

Практика

Что делает тег HTML <cite> в HTML?

Он применяет жирный стиль к тексту.Он делает курсивным текст цитаты или ссылки.Он подчеркивает текст.Он указывает источник цитируемого текста или ссылочного материала.Он создает гиперссылку.

Тег HTML <cite> ​

Синтаксис ​

Пример использования тега HTML <cite>: ​

Результат ​