Гибкое размещение информации о стиле

⇐ ПредыдущаяСтр 20 из 44Следующая ⇒

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

Независимость от языков таблиц стилей

HTML не привязан к конкретному языку таблиц стилей. Это позволяет использовать широкий диапазон таких языков, например, простые языки для большинства пользователей и более сложные для более специализированных случаев. Во всех примерах, приведенных ниже, используется язык CSS (Каскадные таблицы стилей), но можно использовать и другие языки.

Каскады

Эта возможность обеспечивается некоторыми языками таблиц стилей, такими как CSS, для объединения информации о стиле из нескольких источников. Это может быть, например, корпоративные положения о стиле, стили, общие для группы документов, а также стили, специфичные для одного документа. С использованием раздельного хранения эти таблицы стилей могут использоваться повторно, что упрощает работу авторов и повышает эффективность сетевого кэширования. Каскад определяет упорядоченную последовательность таблиц стилей, в которой правила более поздних таблиц имеют приоритет над более ранними. Не все языки таблиц стилей поддерживают каскады.

Зависимость от устройств

HTML позволяет авторам разрабатывать документы независимо от устройств. Это позволяет пользователям обращаться к Web-страницам с использованием различных устройств, например, графических дисплеев для компьютеров под управлением Windows, Macintosh OS и X11, телевизионных устройств, специальным образом адаптированных телефонов и портативных устройств на базе PDA, речевых браузеров и тактильных устройств на базе азбуки Бройля.

Таблицы стилей, напротив, применяются к конкретным устройствам или группам устройств. Таблица стилей, предназначенная для экрана, может применяться при печати, но бесполезна для речевых браузеров. Это позволяет вам определить широкие категории устройств, к которым применяется конкретная таблица стилей и позволяет браузерам избежать загрузки ненужных таблиц стилей. Языки таблиц стилей могут включать функции описания зависимости от устройств в одной таблице.

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

Авторы могут предлагать читателям несколько способов просмотра документа. Например, таблица стилей для представления компактных документов с мелким шрифтом, или таблица, задающая крупные шрифты для удобства чтения. Авторы могут указать предпочитаемую таблицу стилей, а также альтернативные таблицы для определенных пользователей или устройств. Браузеры должны предоставлять пользователям возможность выбора одной из альтернативных таблиц или отключать все таблицы стилей.

Вопросы производительности

Некоторые пользователи высказывали сомнения относительно скорости работы таблиц стилей. Например, загрузка внешней таблицы стилей может привести к задержке общего представления материала для пользователя. Подобные ситуации возникают и в том случае, если в заголовок документа включен длинный набор правил относительно стиля.

Эти проблемы решаются путем предоставления авторам возможности включать инструкции по представлению в каждый элемента HTML. Благодаря этому информация о представлении всегда доступна ко времени представления элемента браузером.

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

Как добавить стиль в HTML

Документы в формате HTML могут содержать правила таблиц стилей непосредственно или могут импортировать таблицы стилей.

В HTML можно использовать все языки таблиц стилей. Простого языка таблиц стилей может быть достаточно для большинства пользователей, в то время как другие языки могут подходить для более специализированных задач. В примерах ниже используется язык «Каскадные таблицы стилей», сокращенно CSS.

Синтаксис данных стиля зависит от языка таблицы стилей.

Установка языка таблицы стилей по умолчанию

Авторы должны указывать язык таблицы стилей для информации о стиле, связанной с документом HTML. Для установки языка таблицы стилей для документа по умолчанию следует использовать элемент META. Например, чтобы установить по умолчанию язык CSS, следует поместить в раздел HEAD следующее объявление:

< META http-equiv=" Content-Style-Type" content=" text/css" > Язык таблиц стилей по умолчанию можно также установить с помощью заголовков HTTP. Показанное выше объявление с использованием тэга META эквивалентно заголовку HTTP:

Content-Style-Type: text/css

Браузеры должны определять язык таблиц стилей по умолчанию для документа в соответствии со следующими шагами (от высшего приоритета к низшему):

Если в объявлении META задается « Content-Style-Type », язык таблиц стилей определяет последнее объявление в потоке символов.
В противном случае, если « Content Style-Type » задается в заголовках HTTP, язык таблиц стилей определяет последний заголовок в потоке символов.
В противном случае по умолчанию используется язык « text/css ».

Документы, включающие элементы, в которых устанавливается атрибут style, но не определяется язык таблиц стилей по умолчанию, являются некорректными. Средства разработки должна генерировать информацию о языке таблиц стилей по умолчанию (обычно с помощью объявлений META ), чтобы браузеры не полагались на язык по умолчанию « text/css ».

Встроенная информация о стиле

Определения атрибутов style = style [CN]

Этот атрибут определяет информацию о стиле текущего элемента.

Атрибут style определяет информацию о стиле одного элемента. Язык таблиц стилей встроенных правил стиля определяется языком таблиц стилей по умолчанию. Синтаксис данных стиля зависит от языка таблиц стилей.

В данном примере устанавливается информация о цвете и размере шрифта текста определенного абзаца.

< P style=" font-size: 12pt; color: fuchsia" > Что за прелесть эти таблицы стилей!

В CSS объявления свойств имеют форму «имя: значение» и разделяются точкой с запятой.

Атрибут style может использоваться для применения определенного стиля к отдельному элементу HTML. Если стиль повторно используется для нескольких элементов, авторы должны использовать элемент STYLE для перегруппировки этой информации. Для оптимальной гибкости авторам следует определять стили во внешних таблицах стилей.

Информация о стиле в заголовке: элемент STYLE

<! ELEMENT STYLE — - %StyleSheet -- информация о стиле --> <! ATTLIST STYLE

%i18n; -- lang, dir, для использования с заголовком --

type %ContentType; #REQUIRED —- тип содержимого языка стилей --

media %MediaDesc; #IMPLIED -- для использования с этими

устройствами --

title %Text; #IMPLIED -- рекомендуемый заголовок --

> Начальный тэг: обязателен. Конечный тэг: обязателен.

Определения атрибутов

type = content-type [CI]

Этот атрибут определяет язык таблиц стилей для содержимого элемента и имеет приоритет над языком таблиц стилей, используемых. Язык таблиц стилей указывается как тип содержимого (например, « text/css »). Авторы должны указать значение для этого атрибута; для него нет значения по умолчанию.

media = дескрипторы устройств [CI]

Этот атрибут задает целевое устройство для информации о стиле. Это может быть один дескриптор устройства или список дескрипторов, разделенных запятыми. По умолчанию устанавливается значение « screen ».

⇐ Предыдущая 15 16 17 18 192021 22 23 24 Следующая ⇒