Войти
| Каскадные таблицы стилей |
|---|
| Концепции |
| Философии |
| Инструменты |
| Сравнения |
|
| HTML |
|---|
| Сравнения |
Веб- таблица стилей - это форма разделения представления и содержимого для веб-дизайна, в которой разметка (например, HTML или XHTML ) веб-страницы содержит семантическое содержимое и структуру страницы, но не определяет ее визуальный макет (стиль). Вместо этого стиль определяется во внешнем файле таблицы стилей с использованием языка таблиц стилей, такого как CSS или XSLT. Такой подход к дизайну называется «разделением», потому что он в значительной степени заменяет предшествующую методологию, в которой разметка страницы определяла как стиль, так и структуру.
Философия, лежащая в основе этой методологии, представляет собой конкретный случай разделения интересов.
Разделение стиля и содержимого имеет свои преимущества, но стало практичным только после улучшений в реализациях CSS в популярных веб-браузерах.
В целом, пользователи воспринимают сайт, использующий таблицы стилей, быстрее, чем сайты, не использующие эту технологию. «В целом», поскольку первая страница, вероятно, будет загружаться медленнее, потому что таблицу стилей И содержимое необходимо будет перенести. Последующие страницы будут загружаться быстрее, потому что не нужно загружать информацию о стилях - файл CSS уже будет в кеше браузера.
Сохранение всех стилей представления в одном файле может сократить время обслуживания и уменьшить вероятность ошибки, тем самым улучшая согласованность представления. Например, цвет шрифта, связанный с типом текстового элемента, можно указать - и, следовательно, легко изменить - на всем веб-сайте, просто изменив одну короткую строку символов в одном файле. Альтернативный подход, использующий стили, встроенные в каждую отдельную страницу, потребует громоздкого, трудоемкого и подверженного ошибкам редактирования каждого файла.
Сайты, использующие CSS с XHTML или HTML, легче настроить, чтобы они выглядели одинаково в разных браузерах (Chrome, Internet Explorer, Mozilla Firefox, Opera, Safari и т. Д.).
Сайты, использующие CSS, « постепенно деградируют » в браузерах, неспособных отображать графическое содержимое, таких как Lynx, или тех, которые настолько старые, что не могут использовать CSS. Браузеры игнорируют CSS, который они не понимают, например инструкции CSS 3. Это позволяет множеству пользовательских агентов иметь доступ к содержимому сайта, даже если они не могут отображать таблицу стилей или не разработаны с учетом графических возможностей. Например, браузер, использующий обновляемый дисплей Брайля для вывода, может полностью игнорировать информацию о макете, и пользователь по-прежнему будет иметь доступ ко всему содержимому страницы.
Если информация о макете страницы хранится извне, пользователь может решить полностью отключить информацию о макете, оставив голое содержимое сайта в удобочитаемой форме. Авторы сайта также могут предлагать несколько таблиц стилей, которые можно использовать для полного изменения внешнего вида сайта без изменения его содержимого.
Большинство современных веб-браузеров также позволяют пользователю определять свою собственную таблицу стилей, которая может включать правила, переопределяющие правила компоновки автора. Это позволяет пользователям, например, выделять жирным шрифтом каждую гиперссылку на каждой посещаемой ими странице.
Поскольку семантический файл содержит только значения, которые автор намеревается передать, стили различных элементов содержимого документа очень согласованы. Например, заголовки, выделенный текст, списки и математические выражения получают согласованно применяемые свойства стиля из внешней таблицы стилей. Авторам не нужно беспокоиться о свойствах стиля во время композиции. Эти презентационные детали могут быть отложены до момента презентации.
Отсрочка презентационных деталей до момента презентации означает, что документ можно легко переназначить для совершенно другого носителя презентации, просто применив новую таблицу стилей, уже подготовленную для новой среды и соответствующую элементарному или структурному словарю семантический документ. Тщательно созданный документ для веб-страницы можно легко распечатать на жестком переплете с верхними и нижними колонтитулами, номерами страниц и сгенерированным оглавлением, просто применив новую таблицу стилей.
В настоящее время спецификации (например, XHTML, XSL, CSS) и программные инструменты, реализующие эту спецификацию, только достигают ранних стадий зрелости. Таким образом, есть некоторые практические проблемы, с которыми сталкиваются авторы, стремящиеся использовать этот метод разделения содержания и стиля.
Несмотря на то, что спецификации стилей достаточно развиты и все еще развиваются, программные инструменты адаптируются медленно. Большинство основных инструментов веб-разработки по-прежнему используют модель смешанного представления и содержимого. Поэтому авторам и дизайнерам, которые ищут инструменты на основе графического интерфейса для своей работы, трудно следовать методу семантической паутины. В дополнение к инструментам с графическим интерфейсом, общие репозитории для обобщенных таблиц стилей, вероятно, помогут внедрить эти методы.
