Атрибут title тега <style>

Описание

Атрибут title для тега <style> позволяет задать альтернативное название для набора CSS-стилей. Это особенно полезно при работе с альтернативными стилями, которые пользователь может выбирать.

Пример использования:
<style title="Основная тема"> body { background: white; color: black; } </style> <style title="Темная тема"> body { background: #222; color: #eee; } </style>

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

  • Позволяет идентифицировать набор стилей
  • Используется браузерами для создания меню выбора стилей
  • Не влияет на применение стилей по умолчанию
  • Поддерживается большинством современных браузеров

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

<!-- Альтернативные стили для страницы --> <style title="Стандартный"> :root { --main-color: #0066cc; } </style> <style title="Контрастный"> :root { --main-color: #cc3300; } </style>

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

  • Используйте для предоставления альтернативных стилей
  • Делайте названия понятными для пользователей
  • Сочетайте с JavaScript для переключения тем
  • Для сложных тем оформления используйте CSS-переменные

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

  • Не все браузеры поддерживают меню выбора стилей
  • Ограниченная функциональность по сравнению с CSS-препроцессорами
  • Не заменяет систему тем в современных фреймворках

Примечание: В современных веб-приложениях для управления темами предпочтительнее использовать CSS-переменные и JavaScript-библиотеки.