поиск по сайту

Альтернативные таблицы стилей

Автор, создавая страницу, может разработать не один набор стилей, а несколько взаимоисключающих наборов. Данная возможность получила название «альтернативные таблицы стилей». Описана данная возможность в «Preferred and alternate style sheets»

Техническая реализация

Перед тем как использовать альтернативные таблицы стилей необходимо решить – какие таблицы нужны в любом случае. Такие таблицы получили название «постоянных». Ссылки на эти таблицы оформляются без атрибута «title», а значением атрибута rel является «stylesheet».

<link
  rel='stylesheet'
  type='text/css'
  href='/styles/_/index.css'>

Тот набор таблиц, которые предполагается использовать по умолчанию, но который может быть заменен на другой набор, получил название «предпочтительными». Ссылки на эти таблицы оформляется с использованием атрибута «title» - значение этого атрибута будет отображаться пользователю как имя набора по умолчанию.

<link
  rel='stylesheet'
  type='text/css'
  href='/styles/_/debug.css'
  title='normal'>

Оставшиеся несколько наборов, называющиеся «альтернативными», оформляются путем указания в атрибуте rel значения «alternative stylesheet» и задании значения свойству title – для каждого набора – своего. Собственно по значению свойства title и происходит группировка таблиц стилей в наборы.

<link
  rel='alternate stylesheet'
  type='text/css'
  href='/styles/_/debug.css'
  title='debug'>

Совместимость

Практически все современные и популярные браузеры поддерживает данную технологию. Тестировались Mozilla 3.5.5, Opera 9.63 и IE 8.0. Chrome 3.0 к сожалению не поддерживает альтернативные стили. Но как всегда есть одно «Но!». Согласно рекомендациям HTML 4.01 браузер должен запоминать выбранный пользователем набор и придерживаться его. Пока только Mozilla придерживается этих рекомендаций. Остальные браузеры при переходе со страницы на страницу сбрасывают выбор пользователя.

HTTP40Preferred and alternate style sheets