stringtranslate.com

Separación de contenido y presentación.

Un ejemplo de código CSS, que constituye los componentes visuales y de estilo de una página web.

La separación de contenido y presentación (o separación de contenido y estilo ) es el principio de diseño de separación de preocupaciones aplicado a la creación y presentación de contenido. Según este principio, los aspectos visuales y de diseño (presentación y estilo) se separan del material central y la estructura (contenido) de un documento. [1] [2] [3] Una analogía típica utilizada para explicar este principio es la distinción entre el esqueleto humano (como componente estructural) y la carne humana (como componente visual) que constituye la apariencia del cuerpo. Las aplicaciones comunes de este principio se ven en el diseño web ( HTML versus CSS ) [4] [5] y la composición tipográfica de documentos ( el cuerpo del documento [ aclarar ] de Lambert versus su preámbulo).

Uso en diseño web

Este principio no es una guía rígida, sino que sirve más bien como una mejor práctica para mantener la apariencia y la estructura separadas. En muchos casos, los aspectos de diseño y desarrollo de un proyecto son realizados por diferentes personas, por lo que mantener ambos aspectos separados garantiza tanto la responsabilidad de la producción inicial como la simplificación posterior del mantenimiento, como en el principio de no repetirse (DRY).

Uso en la composición tipográfica de documentos

LaTeX es un lenguaje de marcado de documentos que se centra principalmente en el contenido y la estructura de un documento. Cuando un documento se prepara utilizando el sistema LaTeX, el código fuente del documento se puede dividir en dos partes: el cuerpo del documento y el preámbulo (y las hojas de estilo). El cuerpo del documento se puede comparar con el cuerpo de un documento HTML, donde se especifica el contenido y la estructura del documento, mientras que el preámbulo (y las hojas de estilo) se pueden comparar con la parte CSS de un documento HTML, donde el formato , se especifican las especificaciones del documento y otros atributos visuales.

Con esta metodología, los escritos y publicaciones académicos pueden estructurarse, diseñarse y componerse con un mínimo esfuerzo por parte de sus creadores. De hecho, también evita que los usuarios finales (que generalmente no están capacitados como diseñadores) alterren entre modificar el formato y trabajar en el documento en sí. Al igual que en el caso de HTML y CSS, la separación entre contenido y estilo también permite reformatear rápidamente un documento para diferentes propósitos, o también reutilizar un estilo en varios documentos. [6]

Ver también

Referencias

  1. ^ "Separación: el dilema del diseñador web". Una lista aparte . 14 de mayo de 2004 . Consultado el 24 de mayo de 2017 .
  2. ^ Stein, Bob (17 de noviembre de 2000). "Ansiedad por separación: el mito de la separación del estilo del contenido". Una lista aparte . Consultado el 28 de septiembre de 2023 .
  3. ^ Ferrel, PJ; Meyer, RF; Mijo, SJ; Shewchuk, JP; Smith, WW (6 de marzo de 2001), Método para entregar diseño y contenido separados en un sistema de publicación multimedia , USPTO, patente de EE. UU. 6.199.082.
  4. ^ "Separación de contenido y apariencia". Universidad Simon Fraser . Consultado el 24 de mayo de 2017 .
  5. ^ Clark, Dave (2007). "Gestión de Contenidos y Separación de Presentación y Contenido". Comunicación Técnica Trimestral . 17 (1): 35–60. doi :10.1080/10572250701588624. ISSN  1057-2252. S2CID  62706215.
  6. ^ "Separación de presentación y contenido". LispCast . 2014-04-18 . Consultado el 18 de julio de 2019 .