Атрибут id тега <abbr>
Описание
Атрибут id задает уникальный идентификатор для элемента <abbr>, который может использоваться для:
- Якорных ссылок внутри документа
- CSS-стилизации через селектор #id
- JavaScript-обработки через getElementById()
- Связки с элементами
<label>и<output>
<abbr id="html-def" title="HyperText Markup Language">HTML</abbr>
Правила именования:
| Правило | Пример | Недопустимо |
|---|---|---|
| Должен начинаться с буквы | id="term1" |
id="1term" |
| Может содержать цифры, дефисы, подчеркивания | id="css-term" |
id="css term" |
| Чувствителен к регистру | id="HTML" ≠ id="html" |
- |
<!-- Для якорной ссылки -->
<abbr id="api-def" title="Application Programming Interface">API</abbr>
...
<a href="#api-def">См. определение API</a>
<!-- Для JavaScript -->
<abbr id="js-abbr" title="JavaScript">JS</abbr>
<script>
document.getElementById('js-abbr').style.color = 'blue';
</script>
<!-- Для CSS -->
<style>
#html-abbr { font-weight: bold; }
</style>
<abbr id="html-abbr" title="HyperText Markup Language">HTML</abbr>
Особенности работы:
- Должен быть уникальным в пределах документа
- Имеет наивысшую специфичность в CSS (100 баллов)
- Доступен как глобальная переменная в window (в современных браузерах)
- Может использоваться в ARIA-атрибутах (aria-labelledby, aria-describedby)
Рекомендации:
- Используйте семантические имена (не "id1", "id2")
- Избегайте избыточных префиксов ("abbr-", "term-")
- Для динамически генерируемых ID используйте уникальные префиксы
- Не злоупотребляйте ID для стилизации - предпочитайте классы
- Проверяйте уникальность ID в валидаторе HTML
Важно: Дублирование ID в документе является ошибкой валидации и может привести к непредсказуемому поведению JavaScript и CSS.