Атрибут id тега <span>
Описание
Атрибут id задаёт уникальный идентификатор для элемента <span>. Этот идентификатор используется для связи с другими элементами, стилизации и обращения в JavaScript.
Пример использования:
<span id="username-display">Иван_Иванов</span>
Основные правила:
- Должен быть уникальным в пределах документа
- Должен начинаться с буквы (A-Z, a-z)
- Может содержать цифры, дефисы, подчёркивания, точки и двоеточия
- Регистр символов имеет значение
Использование в CSS:
<style>
#price-value {
font-weight: bold;
color: #2e7d32;
}
</style>
<span id="price-value">1,499.99 руб.</span>
Использование для связки с <label>:
<label for="email-input">Email:</label>
<input id="email-input" type="email">
<span id="email-error">Неверный формат email</span>
Рекомендации по именованию:
| Паттерн | Пример | Использование |
|---|---|---|
| По функции | main-navigation |
Для основных элементов интерфейса |
| По содержимому | product-title |
Для текстовых элементов |
| Префиксный | user-profile-avatar |
В сложных интерфейсах |
Особенности:
- Элемент с ID становится глобальной переменной в JavaScript
- Высокая специфичность в CSS (0100)
- Может использоваться как якорь для ссылок (#section-id)
- Не рекомендуется для частого использования в стилях
Ограничения:
- Не должен содержать пробелы или специальные символы
- Избегайте кириллических ID
- Проверяйте уникальность в документе