Separation of presentation and content

From Wikipedia, the free encyclopedia
Jump to: navigation, search
An example of CSS Code, which makes up the visual and styling components of a web page.

Separation of presentation and content is a design principle where visual and design aspects are kept separate from the material and structure.[1][2][non-primary source needed] A typical analogy used to explain this principle is the purposeful distinction between the human skeleton (as the structural component) from human flesh (as the visual component) which makes up the body's appearance. Common applications of this principle are seen in web design (HTML and CSS)[3][4] and markup language (see LaTeX).

Use in web design[edit]

This principle is not a rigid guideline, but serves more as best practice for keeping design and structure separate. In many cases, the design and development aspects of a project are performed by different people, so keeping both aspects separated ensures both readability and simplification as in the DRY principle.

Use in writing[edit]

LaTeX is a document markup language that focuses primarily on the content and structure of a document. With this methodology, academic writings or publications can be structured and styled with minimal effort from the creator, and can be quickly reformatted or styled again in different formats for different purposes.

See also[edit]

References[edit]

  1. ^ "Separation: The Web Designer’s Dilemma · An A List Apart Article". A List Apart. Retrieved 24 May 2017. 
  2. ^ Ferrel, P.J.; Meyer, R.F.; Millet, S.J.; Shewchuk, J.P.; Smith, W.W. (March 6, 2001), Method for delivering separate design and content in a multimedia publishing system, USPTO, Patent #6199082 
  3. ^ "Separating Content and Appearance". Simon Fraser University. Retrieved 24 May 2017. 
  4. ^ Clark, Dave (2007). "Content Management and the Separation of Presentation and Content". Technical Communication Quarterly. 17 (1): 35–60. ISSN 1057-2252. doi:10.1080/10572250701588624.