Атрибут id тега <cite>
Описание
Атрибут id задаёт уникальный идентификатор для элемента <cite>, который может использоваться для:
- Стилизации через CSS
- Обращения к элементу в JavaScript
- Создания якорей для навигации
- Связи с элементами форм через
aria-labelledby
<cite id="main-quote">Знаменитая цитата</cite>
Синтаксические правила:
| Правило | Пример | Недопустимо |
|---|---|---|
| Должен начинаться с буквы | id="quote1" |
id="1quote" |
| Может содержать дефисы, подчёркивания, точки, двоеточия | id="main:quote" |
id="main quote" |
| Чувствителен к регистру | id="MyQuote" ≠ id="myquote" |
- |
Использование в CSS:
<style>
#special-citation {
color: #e74c3c;
font-weight: bold;
border-left: 3px solid #3498db;
padding-left: 10px;
}
</style>
<cite id="special-citation">Особо важная цитата</cite>
Использование в JavaScript:
<cite id="dynamic-cite">Исходный текст</cite>
<script>
document.getElementById('dynamic-cite').textContent = 'Новый текст цитаты';
document.getElementById('dynamic-cite').style.fontStyle = 'italic';
</script>
Создание якорных ссылок:
<cite id="section-quote">Цитата из раздела 2</cite>
<!-- Ссылка на цитату из другого места страницы -->
<a href="#section-quote">Перейти к цитате</a>
Рекомендации по именованию:
- Используйте осмысленные имена (
main-author-quote) - Избегайте общих названий (
id="div1") - Придерживайтесь единого стиля именования в проекте
- Для временных элементов используйте префиксы (
temp-quote)
Важные замечания:
- ID должен быть уникальным в пределах документа
- Повторяющиеся ID могут вызвать ошибки в JavaScript
- Имеет высший приоритет специфичности в CSS (010)
- Не рекомендуется использовать для стилизации (лучше классы)
Примечание: Хотя атрибут id является универсальным для всех HTML-элементов, для тега <cite> он особенно полезен при создании академических или научных документов с перекрестными ссылками на цитаты.