ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация HTML 4.01 | 14. Стилевые таблицы

14. Стилевые таблицы

14.1 Введение в стилевые таблицы

Стилевые таблицы представляют важнейший прорыв для дизайнеров Web-страниц, расширяя их возможности улучшения страниц. В научных кругах, в которых была создана сеть Web, люди больше интересуются содержанием своих документов, чем их презентацией. Поскольку сеть Web открылась для широкого круга людей, то ограничения HTML стали источником неудовлетворенности в представлении данных, и авторы были вынуждены отойти от стилистических ограничений языка HTML. Благие намеренья для улучшения представления страниц Web привели к разработке методик, которые имели неудачные побочные эффекты. Эти методики работали не для всех, и не все время. Они включали:

  • Использование расширений самого языка HTML;
  • Преобразование текста в изображения;
  • Использование изображений для управления пробелами;
  • Использование таблиц для разметки страницы;
  • Написание программ вместо использования HTML.

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

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

Например, следующие короткие стилевые таблицы CSS (сохраненные в файле "special.css") устанавливают цвет текста параграфа зеленым и окружают его сплошной красной границей:

P.special {
color : green;
border: solid red;
}

Авторы могут связать эту стилевую таблицу с их источником HTML-документом элементом LINK:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <LINK href="special.css" rel="stylesheet" type="text/css">
  </HEAD>
  <BODY>
    <P class="special">This paragraph should have special green text.
  </BODY>
</HTML>

HTML 4 предоставляет поддержку для следующих характеристик стилевых таблиц:

Гибкое размещение стилевой информации
Размещение стилевых таблиц в отдельных файлах облегчает их повторное использование. Иногда полезно включать инструкции для представления внутри самого документа, для которого они используются, либо группировать в начале документа, либо в атрибутах элемента на протяжении всего тела документа. Чтобы облегчить управление стилями на базе сайта, эта спецификация описывает, как использовать HTTP заголовки для установки стилевых таблиц и применения их в документе.
Независимость от особых языков стилевых таблиц
Эта спецификация не связывает HTML с каким-то частным языком стилевых таблиц. Разрешается использование набора таких языков, простые для большинства пользователей, и более сложные для меньшинства пользователей с высоко специализированными потребностями. Примеры, включенные ниже, все используют язык CSS (Cascading Style Sheets – каскадные таблицы стилей) [CSS1], но существуют другие языки стилевых таблиц.
Каскадирование
Это – возможность, предоставленная некоторыми языками стилевых таблиц, подобно CSS, разрешающая смешивать стилевую информацию от нескольких источников вместе. Например, можно включать стилевые правила, стили, обычные группы документов, и стили, специфичные для одного документа. Сохраняя отдельно, стилевые таблицы можно использовать повторно, упрощая авторскую работу и делая более эффективным использование кэширование сети. Каскадирование определяет упорядоченную последовательность стилевых таблиц, где правила в последней таблице имеют преимущество над определенными ранее. Не все языки стилевых таблиц поддерживают каскадирование.
Независимость медиа
Язык HTML позволяет авторам определить документы способом, независимым от медиа, что разрешает пользователям получать доступ к страницам Web с использованием широкого разнообразия устройств и медиа, например, графические дисплеи для компьютеров, работающих с Windows, Macintosh OS и X11, телевизоры, специально адаптированные телефоны и портативные устройства, основанные на PDA, речевые браузеры и брайлевые тактильные устройства.
Стилевые таблицы применяются для особых медиа или медиа групп. Стилевые таблицы, предназначенные для экранного использования, могут быть применимы для печати, но редко используются для речевых браузеров. Эта спецификация позволит вам определить широкие категории медиа, к которым данные стилевые таблицы применимы. Это позволяет устройствам вывода избегать извлечения неподходящих стилевых таблиц. Языки стилевых таблиц могут включать особенности для описания независимости медиа внутри одной и той же стилевой таблицы.
Альтернативные стили
Авторы могут захотеть предложить читателям несколько путей для просмотра документа. Например, стилевые таблицы для представления компактных документов с маленьким шрифтом, или другой с большими шрифтами для увеличения разборчивости. Эта спецификация позволяет авторам определять предпочтительную стилевую таблицу, а так же альтернативные, которые нацелены на особых пользователей или медиа. Устройства вывода должны предоставлять пользователям возможность выбора из альтернативных стилевых таблиц или отключать все стилевые таблицы.
Вопросы выполнения
Некоторые люди очень заинтересованы в выполнении стилевых таблиц. Например, извлечение внешних стилевых таблиц может задержать полную презентацию для пользователя. Похожая ситуация возникает, если раздел документа head включает очень длинную установку стилевых правил.
Текущее предложение обращается к этим вопросам, позволяя авторам включать инструкции по презентации внутри каждого элемента HTML. Информация о представлении всегда доступна ко времени, когда устройство вывода начнет выводить каждый элемент.
Во многих случаях авторы получат преимущество при использовании обычных стилевых таблиц для группы документов. В этом случае распространение стилевых правил внутри документа будет фактически приводить к ухудшению работы, по сравнению с использованием связанной стилевой таблицы, поскольку для большинства документов стилевые таблицы будут уже представлены в локальном кэше. Публичная доступность хороших стилевых таблиц будет способствовать данному эффекту.

← Назад | Вперед →
Copyright © 2006 -  aranea.ru