Атрибут data-* тега <base>

Описание

Пользовательские атрибуты data-* для тега <base> позволяют хранить дополнительную информацию, связанную с базовым URL страницы. Эти атрибуты не влияют на отображение или поведение страницы, но доступны для чтения через JavaScript.

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

<head> <base href="https://example.com" data-env="production" data-version="2.4.1"> </head>

Как получить доступ через JavaScript:

const baseElement = document.querySelector('base'); console.log(baseElement.dataset.env); // "production" console.log(baseElement.dataset.version); // "2.4.1"

Типичные сценарии использования:

  • Хранение версии API
  • Маркировка окружения (production/staging/development)
  • Передача метаданных для аналитики
  • Конфигурационные параметры для SPA

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

  • Доступны только после полной загрузки DOM
  • Значения всегда строковые (нужна конвертация для чисел/объектов)
  • Не поддерживаются в устаревших браузерах (IE10 и ниже)

Совет: Используйте JSON.parse() для хранения сложных структур данных в строковом формате.

Пример со сложной структурой данных:

<head> <base href="https://api.example.com" data-config='{"apiVersion":"v3","endpoints":{"users":"/users","products":"/products"},"settings":{"cache":true,"timeout":5000}}'> </head>