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

Описание

Атрибут id в теге <tfoot> задаёт уникальный идентификатор для нижнего колонтитула таблицы, который может использоваться для:

  • Стилизации через CSS
  • Обращения к элементу через JavaScript
  • Создания якорей для навигации
Пример использования:
<table> <tfoot id="summary-footer"> <tr> <td>Итого: 100 руб.</td> </tr> </tfoot> </table>

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

  • Должен быть уникальным в пределах документа
  • Чувствителен к регистру
  • Не должен содержать пробелов
  • Рекомендуется использовать осмысленные имена

Рекомендации:

  • Используйте kebab-case (дефисы) для именования
  • Избегайте цифр в начале идентификатора
  • Применяйте семантически значимые имена
  • Соблюдайте единый стиль именования в проекте

Примеры хороших практик:

<!-- Плохая практика --> <tfoot id="footer1"></tfoot> <!-- Хорошая практика --> <tfoot id="monthly-report-footer"></tfoot> <tfoot id="financial-summary"></tfoot>

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

<table> <tfoot id="dynamic-footer"> <tr><td>Загрузка данных...</td></tr> </tfoot> </table> <script> // Получение элемента по ID const footer = document.getElementById('dynamic-footer'); // Обновление содержимого footer.innerHTML = '<tr><td>Итого: 250 руб.</td></tr>'; </script>

Ограничения:

  • Дублирование ID вызывает ошибки валидации
  • Избыточное использование ID усложняет поддержку
  • Не рекомендуется использовать для стилизации (лучше классы)
  • Может конфликтовать с автоматически генерируемыми ID

Примечание: Для лучшей практики:

  • Используйте ID только когда нужен уникальный доступ к элементу
  • Для стилизации предпочитайте классы
  • В больших приложениях используйте системы генерации ID