Ein Beispiel für CSS-Code, der die visuellen und gestalterischen Komponenten einer Webseite ausmacht.

Die Trennung von Inhalt und Präsentation (oder von Inhalt und Stil ) ist ein Gestaltungsprinzip , das bei der Erstellung und Präsentation von Inhalten Anwendung findet. Gemäß diesem Prinzip werden visuelle und gestalterische Aspekte (Präsentation und Stil) vom Kernmaterial und der Struktur (Inhalt) eines Dokuments getrennt. [ 1 ] [ 2 ] [ 3 ] Eine gängige Analogie zur Veranschaulichung dieses Prinzips ist die Unterscheidung zwischen dem menschlichen Skelett (als strukturelle Komponente) und dem menschlichen Fleisch (als visuelle Komponente), das das Erscheinungsbild des Körpers ausmacht. Häufige Anwendungen dieses Prinzips finden sich im Webdesign ( HTML vs. CSS ) [ 4 ] [ 5 ] und im Dokumentsatz ( LaTeX- Body vs. Präambel).

Verwendung im Webdesign

Dieses Prinzip ist keine starre Richtlinie, sondern dient eher als bewährte Vorgehensweise , um Erscheinungsbild und Struktur zu trennen. Da Design und Entwicklung eines Projekts häufig von verschiedenen Personen durchgeführt werden, gewährleistet die Trennung beider Aspekte sowohl die anfängliche Verantwortlichkeit in der Produktion als auch die spätere Vereinfachung der Wartung – ganz im Sinne des DRY-Prinzips ( Don't Repeat Yourself ).

Verwendung beim Dokumentensatz

LaTeX ist eine Auszeichnungssprache, die sich primär auf Inhalt und Struktur eines Dokuments konzentriert. Wird ein Dokument mit LaTeX erstellt, lässt sich der Quellcode in zwei Teile gliedern: den Dokumentkörper und die Präambel (sowie die Stylesheets). Der Dokumentkörper entspricht dem HTML-Code, in dem Inhalt und Struktur des Dokuments festgelegt werden. Die Präambel (und die Stylesheets) hingegen entspricht dem CSS-Teil eines HTML-Dokuments, in dem Formatierung, Dokumentspezifikationen und andere visuelle Attribute definiert werden.

Mit dieser Methodik lassen sich wissenschaftliche Texte und Publikationen mit minimalem Aufwand für die Verfasser strukturieren, formatieren und setzen. Sie verhindert zudem, dass Endnutzer – die in der Regel keine Designausbildung haben – zwischen Formatierungsanpassungen und der Bearbeitung des Dokuments selbst hin- und herwechseln müssen. Ähnlich wie bei HTML und CSS ermöglicht die Trennung von Inhalt und Stil auch die schnelle Umformatierung eines Dokuments für verschiedene Zwecke oder die Wiederverwendung eines Stils in mehreren Dokumenten. [ 6 ]

Siehe auch

Referenzen

  1. ^ „Trennung: Das Dilemma des Webdesigners“ . A List Apart . 14. Mai 2004. Abgerufen am 24. Mai 2017 .
  2. ^ Stein, Bob (17.11.2000). „Trennungsangst: Der Mythos der Trennung von Stil und Inhalt“ . A List Apart . Abgerufen am 28.09.2023 .
  3. ^ Ferrel, PJ; Meyer, RF; Millet, SJ; Shewchuk, JP; Smith, WW (6. März 2001), Verfahren zur separaten Bereitstellung von Design und Inhalt in einem Multimedia-Veröffentlichungssystem , USPTO, US-Patent 6,199,082Die
  4. ^ „Trennung von Inhalt und Erscheinungsbild“ . Simon Fraser University . Abgerufen am 24. Mai 2017 .
  5. ^ Clark, Dave (2007). „Content Management and the Separation of Presentation and Content“. Technical Communication Quarterly . 17 (1): 35–60 . doi : 10.1080/10572250701588624 . ISSN 1057-2252 . S2CID 62706215 .  
  6. ^ „Trennung von Präsentation und Inhalt“ . LispCast . 18.04.2014 . Abgerufen am 18.07.2019 .