テーブルレイアウトに比べて、なぜスタイルシートレイアウトのほうがいいのか。
同じデザインの2つのページを比べてみる。
テーブルレイアウトページ
スタイルシートレイアウトページ
SEO対策になる
BODYから考えて、最初のロゴ部分が初めて出てくるまでの文字数は
テーブル … 280文字目
スタイルシート … 60文字目
これだけでSEO(Yahoo!、Googleのページ順位)としてはかなり違います。
容量が少なくなる
ページの容量は、HTML文書だけでいうと
テーブル … 1,915 バイト
スタイルシート … 1,243 バイト
デザインが単純なのであまり差はないが、BODY以下の容量で比べると
テーブル … 1,731 バイト
スタイルシート … 790 バイト
かなり違ってきます。
ちなみに外部スタイルシートの容量は
2,848 バイト
(マウスオーバーを含む)
これはキャッシュされるので、別のページに移動したときには読み込まれない。
サイトのアクセス数が多い場合、サーバー負荷はかなり違いますし、見てる側もデータ容量ということだけ考えるとページの表示が速くなります。
スタイルシートのデメリット
ブラウザによって表示が違うので、検証が大変。
バグが多い。
未成熟の技術なので変化が激しい。
(CSS1/CSS2の仕様を完全に網羅したブラウザはまだないといわれています)