2007年04月18日
テーブルレイアウト→CSSレイアウトの誤解
Web標準が広まり、CSSレイアウトに移行するサイトが目立ってきました。その時によく耳にするのが、脱テーブルレイアウトです。つまりはテーブルを使わずにレイアウトするということです。これを「テーブルを使わずにページを構成する」と、勘違いされる方が時々います。私のところにもこういった依頼がたまにあります。
CSSレイアウトとはWeb標準の考えに則り、文書構造（正しいHTML）と視覚表現（CSS）を分けた制作方法と言い換えることができます。なので、即テーブルタグ禁止！ってことではありません。脱テーブルレイアウトは文字通り、レイアウトとしてのテーブル使用はしないことですので、表組みなどはテーブルレイアウトを使うべき箇所です。
テーブルレイアウトからCSSレイアウトへの移行の背景にはSEOの考え方があります。テーブルレイアウトはクロスブラウザにも対応したすぐれた技法ですが、入れ子になることが多くソースが複雑化します。複雑化したソースはファイルサイズ増加につながり、読み込みにも時間がかかってしまうことになります。
このように考えると、クロスブラウザの利点だけでは割が合わないようですが、複雑な入れ子にしないで表組みのようにシンプルに使えば良いだけのことです。もともとの目的である表組みや、スタイルシートでは難しい部分的なレイアウトなど、テーブルタグを正しく有効に使えばSEO的にも問題ないのではないでしょうか。
CSSレイアウトと言ってもまだまだ万能ではありません。テーブルレイアウトを忌み嫌わずに、テーブルとCSSのどちらの利点のほうが大きいかを考慮した上で制作方法を選ぶのが一番です。
テーブルレイアウトからCSSレイアウトへの移行の背景にはSEOの考え方があります。テーブルレイアウトはクロスブラウザにも対応したすぐれた技法ですが、入れ子になることが多くソースが複雑化します。複雑化したソースはファイルサイズ増加につながり、読み込みにも時間がかかってしまうことになります。
このように考えると、クロスブラウザの利点だけでは割が合わないようですが、複雑な入れ子にしないで表組みのようにシンプルに使えば良いだけのことです。もともとの目的である表組みや、スタイルシートでは難しい部分的なレイアウトなど、テーブルタグを正しく有効に使えばSEO的にも問題ないのではないでしょうか。
CSSレイアウトと言ってもまだまだ万能ではありません。テーブルレイアウトを忌み嫌わずに、テーブルとCSSのどちらの利点のほうが大きいかを考慮した上で制作方法を選ぶのが一番です。
