Таблица стилей (веб-разработка) - Style sheet (web development)
 | Эта статья нужны дополнительные цитаты для проверка. (Март 2014 г.) (Узнайте, как и когда удалить этот шаблон сообщения) |
| Каскадные таблицы стилей |
|---|
| Концепции |
| Философии |
| Инструменты |
| Сравнения |
| HTML |
|---|
| Сравнения |
Сеть таблица стилей это форма разделение презентации и содержания за веб-дизайн в которой разметка (т.е. HTML или же XHTML ) из страница в Интернете содержит семантическое содержание и структуру страницы, но не определяет ее визуальный макет (стиль). Вместо этого стиль определяется во внешнем файле таблицы стилей с использованием язык таблиц стилей Такие как CSS или же XSLT. Такой подход к дизайну называется «разделением», потому что он в значительной степени заменяет предшествующую методологию, в которой разметка страницы определяла как стиль, так и структуру.
Философия, лежащая в основе этой методологии, представляет собой конкретный случай разделение проблем.
Преимущества
Разделение стиля и содержания имеет свои преимущества,[1][2] но стало практичным только после улучшений в популярных веб-браузеры 'Реализации CSS.
Скорость
В целом, пользователи воспринимают сайт, использующий таблицы стилей, быстрее, чем сайты, не использующие эту технологию. «В целом», поскольку первая страница, вероятно, будет загружаться медленнее, потому что таблицу стилей И содержимое необходимо будет перенести. Последующие страницы будут загружаться быстрее, потому что не потребуется загружать информацию о стилях - файл CSS уже будет в кеше браузера.
Ремонтопригодность
Хранение всех стилей представления в одном файле может сократить время обслуживания и уменьшить вероятность ошибки, тем самым улучшая согласованность представления. Например, цвет шрифта, связанный с типом текстового элемента, можно указать - и, следовательно, легко изменить - на всем веб-сайте, просто изменив одну короткую строку символов в одном файле. Альтернативный подход, использующий стили, встроенные в каждую отдельную страницу, потребует громоздкого, трудоемкого и подверженного ошибкам редактирования каждого файла.
Доступность
Сайты, использующие CSS с XHTML или HTML, легче настроить, чтобы они выглядели одинаково в разных браузерах (Chrome, Internet Explorer, Mozilla Firefox, Опера, Сафари, так далее.).
Сайты, использующие CSS "изящно деградировать "в браузерах, которые не могут отображать графическое содержимое, например Рысь или настолько старые, что не могут использовать CSS. Браузеры игнорируют CSS, который они не понимают, например инструкции CSS 3. Это позволяет использовать самые разные пользовательские агенты чтобы иметь возможность доступа к содержимому сайта, даже если они не могут отображать таблицу стилей или не разработаны с учетом графических возможностей. Например, браузер, использующий обновляемый дисплей Брайля для вывода может полностью игнорировать информацию о макете, и пользователь по-прежнему будет иметь доступ ко всему содержимому страницы.
Настройка
Если информация о макете страницы хранится извне, пользователь может решить полностью отключить информацию о макете, оставив голое содержимое сайта в читаемой форме. Авторы сайта могут также предложить несколько таблиц стилей, которые можно использовать для полного изменения внешнего вида сайта без изменения его содержимого.
Большинство современных веб-браузеров также позволяют пользователю определять свою собственную таблицу стилей, которая может включать правила, переопределяющие правила компоновки автора. Это позволяет пользователям, например, выделять жирным шрифтом каждую гиперссылку на каждой посещаемой ими странице.
Последовательность
Поскольку семантический файл содержит только значения, которые автор намеревается передать, стили различных элементов содержимого документа очень согласованы. Например, заголовки, выделенный текст, списки и математические выражения получают согласованно применяемые свойства стиля из внешней таблицы стилей. Авторам не нужно беспокоиться о свойствах стиля во время композиции. Эти презентационные детали могут быть отложены до момента презентации.
Портативность
Отсрочка презентационных деталей до момента презентации означает, что документ можно легко переназначить для совершенно другого носителя презентации, просто применив новую таблицу стилей, уже подготовленную для новой среды и согласующуюся с элементарным или структурным словарем семантический документ. Тщательно созданный документ для веб-страницы можно легко распечатать на жестком переплете с верхними и нижними колонтитулами, номерами страниц и сгенерированным оглавлением, просто применив новую таблицу стилей.
Практические недостатки сегодня
В настоящее время спецификации (например, XHTML, XSL, CSS) и программные инструменты, реализующие эту спецификацию, только достигают ранних стадий зрелости. Таким образом, есть некоторые практические проблемы, с которыми сталкиваются авторы, стремящиеся использовать этот метод разделения содержания и стиля.
Узкое внедрение без инструментов синтаксического анализа и генерации
Несмотря на то, что спецификации стилей достаточно развиты и все еще развиваются, программные инструменты медленно адаптируются. Большинство основных инструментов веб-разработки по-прежнему используют модель смешанного представления и содержимого. Поэтому авторам и дизайнерам, ищущим инструменты на основе графического интерфейса пользователя для своей работы, трудно следовать методу семантической паутины. В дополнение к инструментам с графическим пользовательским интерфейсом, общие репозитории для обобщенных таблиц стилей, вероятно, помогут внедрить эти методы.
Смотрите также
Рекомендации
внешняя ссылка
- CSS Zen Garden: Сайт, который предлагает дизайнерам создавать новые макеты страниц, не затрагивая исходный код XHTML. Включает в себя десятки макетов. Исходный код CSS можно просмотреть для любого макета.