
コンテンツとプレゼンテーションの分離(またはコンテンツとスタイルの分離)は、コンテンツの作成とプレゼンテーションに適用される関心の分離設計原則です。この原則の下では、視覚的およびデザイン的側面(プレゼンテーションとスタイル)は、ドキュメントの中核となる素材と構造(コンテンツ)から分離されます。[ 1 ] [ 2 ] [ 3 ]この原則を説明するためによく使われる類推は、人間の骨格(構造的要素)と人間の肉体(視覚的要素)の区別であり、これらが身体の外見を構成します。この原則の一般的な応用例は、Web デザイン(HTMLとCSS)[ 4 ] [ 5 ]およびドキュメントの組版(LaTeXの本文と前文)に見られます。
この原則は厳格なガイドラインではなく、外観と構造を分離するためのベストプラクティスとして機能します。多くの場合、プロジェクトの設計と開発は異なる担当者によって行われるため、両者を分離することで、初期の制作責任の明確化と、後のメンテナンスの簡素化の両方が実現します。これは、DRY( Don't Repeat Yourself)原則にも通じるものです。
LaTeXは、主に文書の内容と構造に焦点を当てた文書マークアップ言語です。LaTeXシステムを使用して文書を作成する場合、文書のソースコードは、文書本体とプリアンブル(およびスタイルシート)の2つの部分に分けられます。文書本体はHTML文書の本文に相当し、文書の内容と構造を指定します。一方、プリアンブル(およびスタイルシート)はHTML文書のCSSに相当し、書式設定、文書仕様、その他の視覚的な属性を指定します。
この方法論では、学術論文や出版物を、作成者が最小限の労力で構成、スタイル設定、組版することができます。実際、通常はデザイナーとしての訓練を受けていないエンドユーザーが、書式設定の微調整と文書自体の作業を交互に行うことも防ぎます。HTML と CSS の場合と同様に、コンテンツとスタイルを分離することで、文書をさまざまな目的に合わせて迅速に再フォーマットしたり、スタイルを複数の文書で再利用したりすることもできます。[ 6 ]