Тег <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 |