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

Описание

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

Пример использования:
<!DOCTYPE html> <html id="mainDocument" lang="en"> <!-- Содержимое страницы --> </html>

Альтернативные методы доступа:

Метод Пример Описание
document.documentElement const html = document.documentElement; Стандартный способ доступа
document.querySelector('html') const html = document.querySelector('html'); Альтернативный селектор
По ID const html = document.getElementById('mainDocument'); Менее эффективный способ

Практическое применение:

<script> // Без использования id (рекомендуется) document.documentElement.classList.add('loaded'); // С использованием id (не рекомендуется) document.getElementById('mainDocument').style.fontSize = '16px'; </script>

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

  • Избегайте назначения id тегу <html>
  • Используйте document.documentElement для доступа
  • Для стилизации применяйте селектор html в CSS
  • ID может быть полезен только в очень специфичных сценариях

Ограничения и особенности:

  • Поддерживается всеми браузерами
  • Не влияет на семантику документа
  • Может конфликтовать с другими ID на странице
  • Не предоставляет преимуществ перед стандартными методами доступа

Примечание: Хотя технически возможно задать id для тега <html>, в реальной разработке в этом нет необходимости. Стандартные методы доступа к корневому элементу документа более эффективны и явно выражают намерения разработчика.