Тег <cite>
Описание
Тег <cite> используется для обозначения названий творческих работ (книг, статей, фильмов, картин и т.д.). По умолчанию отображается курсивом.
<blockquote>
<p>Это цитата из известной работы</p>
<footer>— Автор, <cite>Название произведения</cite></footer>
</blockquote>
<p>
Подробнее см. в <cite><a href="book.html">Моя книга</a></cite>
</p>
<p> Картина <cite>Мона Лиза</cite> принадлежит кисти Леонардо да Винчи </p>
Основные особенности:
- Семантический тег для указания названий работ
- По умолчанию отображается курсивом (можно изменить через CSS)
- Может содержать другие HTML-элементы (например, ссылки)
- Важен для SEO и доступности
Отличие от других тегов:
<i>- просто курсив без семантики<em>- семантическое выделение важности
Тег <cite> помогает поисковым системам и скринридерам правильно интерпретировать ссылки на творческие работы.
Атрибуты
| accesskey | Определяет горячую клавишу для активации/фокусировки элемента |
| class | Задает один или несколько классов CSS для стилизации элемента |
| contenteditable | Указывает, может ли пользователь редактировать содержимое элемента |
| data-* | Используется для хранения пользовательских данных в элементах |
| dir | Определяет направление текста: слева направо (ltr) или справа налево (rtl) |
| hidden | Скрывает элемент, делая его невидимым и недоступным для пользователя |
| id | Уникальный идентификатор элемента в документе |
| lang | Определяет язык содержимого элемента |
| spellcheck | Указывает, должна ли проверяться орфография в содержимом элемента |
| style | Позволяет задавать CSS-стили непосредственно в атрибуте элемента |
| tabindex | Определяет порядок перехода между элементами при нажатии Tab |
| title | Задает всплывающую подсказку при наведении на элемент |
| translate | Указывает, должен ли переводиться текст внутри элемента |
Поддержка браузерами
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|
| 3.0 | 1.0 | 2.0 | 1.0 | 1.0 |




