Разделение содержания и представления

Пример кода CSS, который составляет визуальные компоненты и компоненты стиля веб-страницы.

Разделение содержания и представления (или разделение содержания и стиля ) - это принцип разделения задач, применяемый к созданию и представлению содержания. Согласно этому принципу, визуальные и дизайнерские аспекты (представление и стиль) отделены от основного материала и структуры (содержания) документа. ^[1]^[2] > Типичная аналогия, используемая для объяснения этого принципа, - это различие между человеческим скелетом (как структурным компонентом) и человеческой плотью (как визуальный компонент), которая составляет внешний вид тела. Общие применения этого принципа можно увидеть в веб-дизайне ( HTML против CSS ) ^[3]^[4] и набор документов (текст документа Ламберта против его преамбулы).

Использование в веб-дизайне

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

Использование при верстке документов

LaTeX - это язык разметки документов, который фокусируется в первую очередь на содержании и структуре документа. Когда документ готовится с использованием системы LaTeX, исходный код документа можно разделить на две части: тело документа и преамбулу (и таблицы стилей). Тело документа можно сравнить с телом документа HTML, где указывается содержимое и структура документа, а преамбула (и таблицы стилей) можно сравнить с частью CSS документа HTML, где форматирование , спецификации документа и другие визуальные атрибуты.

В соответствии с этой методологией научные труды и публикации могут быть структурированы, стилизованы и набраны с минимальными усилиями их создателей. Фактически, это также не позволяет конечным пользователям, которые обычно сами не являются дизайнерами, чередовать настройку форматирования и работу над самим документом. Как и в случае с HTML и CSS, разделение между содержимым и стилем также позволяет быстро переформатировать документ для различных целей или переназначить стиль для нескольких документов. ^[5]

Смотрите также

CSS
Форма следует за функцией
HTML
Латекс
Lorem ipsum
Уценка
Архитектурный шаблон программного обеспечения модель – представление – контроллер

использованная литература

^ «Разделение: дилемма веб-дизайнера» . Список отдельно . Дата обращения 24 мая 2017 .
^ Феррел, П.Дж.; Мейер, РФ; Millet, SJ; Шевчук, JP; Смит, WW (6 марта 2001 г.), Метод предоставления отдельного дизайна и контента в системе мультимедийной публикации , USPTO, Патент № 6199082
^ «Разделение содержания и внешнего вида» . Университет Саймона Фрейзера . Дата обращения 24 мая 2017 .
^ Кларк, Дэйв (2007). «Управление контентом и разделение презентации и контента». Ежеквартальная техническая коммуникация . 17 (1): 35–60. DOI : 10.1080 / 10572250701588624 . ISSN 1057-2252 . S2CID 62706215 .
^ «Разделение презентации и содержания» . LispCast . 2014-04-18 . Проверено 18 июля 2019 .

[ALA-1] «Разделение: дилемма веб-дизайнера» . Список отдельно . Дата обращения 24 мая 2017 .

[2] Феррел, П.Дж.; Мейер, РФ; Millet, SJ; Шевчук, JP; Смит, WW (6 марта 2001 г.), Метод предоставления отдельного дизайна и контента в системе мультимедийной публикации , USPTO, Патент № 6199082

[SFU-3] «Разделение содержания и внешнего вида» . Университет Саймона Фрейзера . Дата обращения 24 мая 2017 .

[Clark2007-4] Кларк, Дэйв (2007). «Управление контентом и разделение презентации и контента». Ежеквартальная техническая коммуникация . 17 (1): 35–60. DOI : 10.1080 / 10572250701588624 . ISSN 1057-2252 . S2CID 62706215 .

[5] «Разделение презентации и содержания» . LispCast . 2014-04-18 . Проверено 18 июля 2019 .

[1]