Указание внешних таблиц стилей

Авторы указывают внешние таблицы стилей с помощью атрибутов элемента LINK.

Установите в атрибуте href местоположение файла таблицы стилей. Значением атрибута href должен быть URI.

Установите для атрибута type значение, указывающее язык связанного ресурса (таблицы стилей). Это позволяет агентам пользователей не загружать таблицы стилей, использующие неподдерживаемые языки.

Укажите, является ли таблицы стилей постоянно, предпочитаемой или альтернативной:

Чтобы таблицы была постоянной, установите для атрибута rel значение "stylesheet", и не устанавливайте атрибут title.

Чтобы таблица была предпочитаемой, установите для атрибута rel значение "stylesheet", и дайте таблице имя с помощью атрибута title.

Чтобы указать альтернативную таблицу, установите для атрибута rel значение "alternate stylesheet" а дайте таблице имя с помощью атрибута title.

Агенты пользователей должны обеспечивать пользователям средства просмотра и выбора таблицы стилей из списка альтернатив. Для атрибута title рекомендуется устанавливать значение, которое будет представлять эту таблицу в списке.

В этом примере мы сначала определяем постоянную таблицу стилей, находящуюся в файле mystyle.css:

<LINK href="mystyle.css" rel="stylesheet" type="text/css">

Установка атрибута title назначает ее предпочитаемой автором таблицей:

<LINK href="mystyle.css" title="Compact" rel="stylesheet" type="text/css">

Добавление ключевого слова "alternate" а атрибут rel сделает ее альтернативной таблицей стилей:

<LINK href="mystyle.css" title="Medium" rel="alternate stylesheet" type="text/css">

Подробнее о внешних таблицах стилей Вы можете узнать в разделе о ссылках и внешних таблицах стилей.

Авторы также могут использовать для установки предпочитаемой таблицы стилей элемент META. Например, чтобы установить предпочитаемую таблицу стилей "compact" (см. предыдущий пример), авторы могут включить в элемент HEAD следующую строку:

<META http-equiv="Default-Style" content="compact">

Предпочитаемую таблицу стилей можно также указать с помощью заголовков HTTP. Объявление META выше эквивалентно заголовку HTTP:

Default-Style: "compact"

Если предпочитаемая таблица стилей указывается двумя или более элементами META или заголовками HTTP, преимущество имеет последнее объявление. Считается, что заголовки HTTP обрабатываются раньше, чем объявления HEAD.

Если предпочитаемая таблица стилей задается двумя или более элементами LINK, преимущество имеет первая.

Предпочитаемые таблицы стилей, задаваемые с помощью META или заголовков HTTP имеют преимущество над таблицами, задаваемыми элементом LINK.