コンポーネントとは、「情報」を表現するパーツです。パーツ化するときは、文章構造の「粒度」によってエレメント化されます。

エレメントの集合体がコンポーネントであり、コンポーネントの集合体がテンプレートであるといえます。

たとえば、見出しはエレメントになります。

見出しと概要と写真で1つの情報を表現するパーツとして成り立つのであれば、これがコンポーネントです。

ですから、コンポーネントは、情報に依存して、さまざまな形に変化します。

また情報そのものの管理方法や更新の仕方も、コンポーネントに影響を与えるはずです。

コンポーネントのタイプは以下の3種類です。

コンテンツエリアを横に分割し、レイアウトを調整するためのコンポーネントグループ 雑誌や印刷用語でいうところの段組と呼ばれるレイアウトパターン。

Webサイトでは、2段組と3段組が一番利用されるレイアウトパターンです。

ただし、印刷物と異なり、ページ全体が完全に共通の段組でレイアウトされない場合が存在します。

2段組、3段組を交互に組み合わせるなど、Webサイト独自のレイアウトも考えられます。

ブロックタイプのコンポーネントが文章構造を基準に作られたコンポーネントであり、どんなサイトでも中心として使用するコンポーネントになる。

レイアウトタイプのコンポーネントもほとんどの場合、レイアウトタイプ＋ブロックタイプで使用することになる。