Атрибут id тега <address>

Описание

Атрибут id задает уникальный идентификатор для элемента <address>, который может использоваться для стилизации, навигации или JavaScript-обработки.

Адрес с идентификатором:
<address id="main-office-address"> Центральный офис компании<br> ул. Центральная, 1<br> Москва, Россия </address>
Использование для навигации:
<nav> <a href="#contacts">Перейти к контактам</a> </nav> ... <address id="contacts"> Контактная информация<br> email: info@example.com<br> тел.: +7 (123) 456-78-90 </address>
Обращение через JavaScript:
<address id="js-address"> Адрес для JavaScript<br> ул. Скриптовая, 42 </address> <script> const addressElement = document.getElementById('js-address'); addressElement.style.color = 'blue'; </script>

Особенности работы:

Характеристика Поведение
Уникальность Должен быть единственным в пределах документа
Регистр символов Чувствителен к регистру (id="Address" ≠ id="address")
Синтаксис Должен начинаться с буквы, может содержать цифры, дефисы, подчеркивания
Доступность Добавляется в accessibility tree
CSS-обращение Можно обращаться через #id
Производительность Самый быстрый способ выбора элементов в DOM

Рекомендации по использованию:

  • Используйте осмысленные имена, отражающие назначение элемента
  • Избегайте общих имен типа "address1", "item2"
  • Применяйте kebab-case (через дефис) для составных имен
  • Не используйте id для стилизации - предпочтительнее классы
  • Проверяйте уникальность идентификаторов в документе
  • Для динамически создаваемых элементов убедитесь в генерации уникальных id
  • Используйте id для якорных ссылок и сложных JavaScript-взаимодействий

Атрибут id является фундаментальным для работы с HTML-элементами, обеспечивая точный доступ к конкретному экземпляру <address> как в CSS, так и в JavaScript.