Oddzielenie treści i prezentacji

Przykład kodu CSS, który tworzy komponenty wizualne i stylistyczne strony internetowej

Oddzielenie treści i prezentacji (lub oddzielenie treści i stylu ) to oddzielenie zasad projektowania dotyczących tworzenia i prezentacji treści. Zgodnie z tą zasadą aspekty wizualne i projektowe (prezentacja i styl) są oddzielone od podstawowego materiału i struktury (treści) dokumentu. Typową analogią używaną do wyjaśnienia tej zasady jest rozróżnienie między ludzkim szkieletem (jako elementem strukturalnym) a ludzkim ciałem (jako elementem wizualnym), które składa się na wygląd ciała. Typowe zastosowania tej zasady są widoczne w Projektowanie stron internetowych ( HTML vs. CSS ) i skład dokumentów ( treść dokumentu Lamberta [ wyjaśnić ] a jego preambuła).

Użyj w projektowaniu stron internetowych

Ta zasada nie jest sztywną wytyczną, ale służy raczej jako najlepsza praktyka oddzielania wyglądu od struktury. W wielu przypadkach projektowania i rozwoju projektu są wykonywane przez różne osoby, więc oddzielenie obu aspektów zapewnia zarówno początkową odpowiedzialność produkcyjną, jak i późniejsze uproszczenie konserwacji, jak w przypadku zasady „ nie powtarzaj się” (DRY).

Użyj przy składaniu dokumentów

LaTeX to język znaczników dokumentów, który koncentruje się przede wszystkim na treści i strukturze dokumentu. Gdy dokument jest przygotowany przy użyciu systemu LaTeX, kod źródłowy dokumentu można podzielić na dwie części: treść dokumentu i preambułę (oraz arkusze stylów). Treść dokumentu można porównać do treści dokumentu HTML, w której określa się zawartość i strukturę dokumentu, podczas gdy preambułę (i arkusze stylów) można porównać do części CSS dokumentu HTML, w której formatowanie , określone są specyfikacje dokumentów i inne atrybuty wizualne.

Zgodnie z tą metodologią pisma i publikacje naukowe mogą być strukturyzowane, stylizowane i składane przy minimalnym wysiłku ich twórców. W rzeczywistości uniemożliwia to również użytkownikom końcowym — którzy zazwyczaj sami nie są przeszkoleni jako projektanci — przełączanie między poprawianiem formatowania a pracą nad samym dokumentem. Podobnie jak w przypadku HTML i CSS, separacja między treścią a stylem umożliwia szybkie przeformatowanie dokumentu do różnych celów lub zmianę przeznaczenia stylu w wielu dokumentach.

Zobacz też