Separação de conteúdo e apresentação - Separation of content and presentation

Um exemplo de código CSS, que constitui os componentes visuais e de estilo de uma página da web.

A separação de conteúdo e apresentação (ou separação de conteúdo e estilo ) é a separação do princípio de design de interesses , conforme aplicado à autoria e apresentação de conteúdo. Sob este princípio, os aspectos visuais e de design (apresentação e estilo) são separados do material e da estrutura (conteúdo) centrais de um documento. Uma analogia típica usada para explicar esse princípio é a distinção entre o esqueleto humano (como o componente estrutural) e a carne humana (como o componente visual) que compõe a aparência do corpo. Aplicações comuns desse princípio são vistas em design da Web ( HTML vs. CSS ) e composição de documentos (corpo do documento de Lambert vs. seu preâmbulo).

Uso em Web design

Este princípio não é uma diretriz rígida, mas serve mais como prática recomendada para manter a aparência e a estrutura separadas. Em muitos casos, os aspectos de design e desenvolvimento de um projeto são executados por pessoas diferentes, portanto, manter ambos os aspectos separados garante a responsabilidade inicial da produção e a simplificação da manutenção posterior, como no princípio não se repita (DRY).

Use na composição de documentos

LaTeX é uma linguagem de marcação de documento que se concentra principalmente no conteúdo e na estrutura de um documento. Quando um documento é preparado usando o sistema LaTeX, o código-fonte do documento pode ser dividido em duas partes: o corpo do documento e o preâmbulo (e as folhas de estilo). O corpo do documento pode ser comparado ao corpo de um documento HTML, onde se especifica o conteúdo e a estrutura do documento, enquanto o preâmbulo (e as folhas de estilo) podem ser comparados à parte CSS de um documento HTML, onde a formatação , especificações do documento e outros atributos visuais são especificados.

Sob esta metodologia, escritos e publicações acadêmicas podem ser estruturadas, estilizadas e compostas com o mínimo esforço de seus criadores. Na verdade, também evita que os usuários finais - que geralmente não são treinados como designers - alternem entre ajustar a formatação e trabalhar no próprio documento. Semelhante ao caso com HTML e CSS, a separação entre conteúdo e estilo também permite que um documento seja reformatado rapidamente para diferentes propósitos, ou que um estilo seja reaproveitado em vários documentos também.

Veja também

Referências