構造 → HTML

デザイン → CSS

分離することで、

アクセシビリティが向上する

HTMLが軽量化し、1日に10万アクセスもあるようなWebサイトではトラフィック軽減に貢献できる

HTMLファイルの保守性が向上

環境によって表示が大きく異なることを防ぐ

論理構造が明確になるため、検索エンジン等のアルゴリズムにマッチしやすくなる

デザインの変更が容易になる

というメリットがある。

構造 - デザイン - 分離

構造デザイン（Structural Design）

モジュール化（Modularise）