構造とプレゼンテーションの分離を理解するためのWeb標準の学習

Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性です。

構造とプレゼンテーションの違いを理解するのは、特にドキュメントの意味構造について考えることに慣れていない場合は、最初は難しい場合があります。

ただし、構造とプレゼンテーションが分離されている場合、CSS ドキュメントを使用してプレゼンテーションを制御することが容易になるため、これを理解することが重要です。

構造は、ドキュメントの本体と、意味タグおよび構造タグで構成されます。

プレゼンテーションは、コンテンツに与えるスタイルです。ほとんどの場合、プレゼンテーションはドキュメントの見た目を意味しますが、ドキュメントの「聞こえ方」にも影響を与える可能性があります。結局のところ、すべての人がグラフィカルブラウザーを使用するわけではありません。

構造とプレゼンテーションを可能な限り分離します。

理論的には、コンテンツと構造を保存するために 1 つの HTML ドキュメントを使用し、ドキュメント全体の表示を制御するために 1 つの CSS ドキュメントを使用する必要があります。

プレゼンテーションと構造が分離されていない Web サイトは、今日でも一般的です。

したがって、最初に学習を始めるときは、それらを別々のファイルに配置する良い習慣を身に付ける必要があります。XHTML ファイルは、外部の CSS および JavaScript ドキュメントをリンクして共有できます。

<<: CSSを使用して円形の波効果を実現する

>>: Dockerイメージのエクスポートとインポート操作