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

Описание

Атрибут id задаёт уникальный идентификатор для элемента <small>. Этот идентификатор используется для:

  • Связи с элементами <label> через атрибут for
  • Обращения к элементу в JavaScript и CSS
  • Якорных ссылок внутри страницы

Пример использования:

<label for="disclaimer-text">Примечание:</label> <small id="disclaimer-text">Это важное уведомление</small>

Основные правила:

  • Уникальность: ID должен быть единственным в пределах документа
  • Синтаксис: Должен начинаться с буквы, может содержать цифры, дефисы и подчёркивания
  • Регистр: Чувствителен к регистру (myId ≠ myid)
  • Доступность: Улучшает взаимодействие с программами чтения экрана

Использование в CSS:

<style> #legal-notice { color: #d32f2f; font-weight: bold; border-left: 3px solid #d32f2f; padding-left: 10px; } </style> <small id="legal-notice">Юридическая информация</small>

Рекомендации по именованию:

Паттерн Пример Когда использовать
По функции footer-copyright Для основных элементов страницы
По содержимому disclaimer-text Для текстовых блоков
Префиксный user-profile-note В сложных интерфейсах

Лучшие практики:

  1. Используйте осмысленные имена вместо абстрактных (id1, id2)
  2. Избегайте кириллицы и спецсимволов в именах
  3. Для стилизации предпочитайте классы, а не ID
  4. Проверяйте уникальность ID в документе
  5. Сохраняйте единый стиль именования в проекте

Особенности:

  • Элемент с ID автоматически создаёт глобальную переменную в браузере
  • Может использоваться как якорь: #section-notes
  • Высокая специфичность в CSS (0100)
  • Не рекомендуется для частого использования в стилях

Пример с якорной ссылкой:

<a href="#footnote-1">Сноска 1</a> <!-- ...другой контент... --> <small id="footnote-1">Текст сноски 1</small>