rel="alternate stylesheet" значение атрибута HTML

Пара ключевых слов alternate stylesheet при использовании в качестве значения атрибута rel элемента <link> указывает, что целевой ресурс является альтернативной таблицей стилей. Указание альтернативных таблиц стилей на веб-странице позволяет пользователям просматривать разные версии страницы в соответствии с их потребностями или предпочтениями.

Firefox позволяет пользователям выбирать альтернативные таблицы стилей с помощью подменю Вид > Стиль страницы, в котором отображаются значения атрибутов title. В других браузерах для включения этой функции требуется расширение. Веб-страница также может предоставить собственный пользовательский интерфейс для переключения стилей.

Примеры

Указание альтернативных таблиц стилей

Альтернативные таблицы стилей задаются с помощью элементов <link> с атрибутами rel="alternate stylesheet" и title="…". Например:

<link href="reset.css" rel="stylesheet" />

<link href="default.css" rel="stylesheet" title="Default Style" />
<link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
<link href="basic.css" rel="alternate stylesheet" title="Basic" />

В этом примере стили «Default Style», «Fancy» и «Basic» будут перечислены в подменю Firefox Стиль страницы, причём «Default Style» будет выбран по умолчанию. Когда пользователь выбирает другой стиль, страница немедленно перерисовывается с использованием этой таблицы стилей.

Независимо от выбранного стиля, правила из таблицы стилей reset.css будут применяться всегда.

Попробуйте

Попробуйте работающий пример.

Подробности

Любая таблица стилей в документе относится к одной из следующих категорий:

• Постоянная (содержит rel="stylesheet", не содержит title=""): всегда применяется к документу.
• Предпочтительная (содержит rel="stylesheet", при этом указан title="…"): применяется по умолчанию, но отключается, если выбрана альтернативная таблица стилей. Предпочтительной может быть только одна таблица стилей, поэтому таблицы стилей с разными атрибутами title приведут к тому, что некоторые из них будут проигнорированы.
• Альтернативная (rel="alternate stylesheet", при этом указан title="…"): по умолчанию отключена, но её можно выбрать.

Если в браузере есть меню таблиц стилей, то при указании таблицы стилей с атрибутом title в элементе <link rel="stylesheet"> или <style> её заголовок становится одним из вариантов, предлагаемых пользователю. Таблицы стилей, подключённые с одинаковым атрибутом title, относятся к одному варианту. Таблицы стилей, подключённые без атрибута title, применяются всегда.

Используйте rel="stylesheet" для ссылки на стиль по умолчанию, а rel="alternate stylesheet" — для ссылки на альтернативные таблицы стилей. Это указывает браузеру, заголовок какой таблицы стилей следует выбрать по умолчанию, а также обеспечивает применение этого выбора по умолчанию в браузерах, не поддерживающих альтернативные таблицы стилей.

Спецификации

Совместимость с браузерами

См. также

• CSS
• Использование динамической информации о стилях