現在、テーブルレイアウトからCSSコーディングへの移行が進んでいます。
しかしながら、完全にHTML+CSSでのWeb標準で構築されるサイトの多くは、新しく構築したサイトか、リニューアル時に一から作り直したものです。この移行作業が、サイトの根本的な作り方を変える大工事になるため、なかなかすぐに移行する気になれないのではないでしょうか。

「見た目が同じなら、どんな方法でコーディングしようが、お客様には関係ないのでは？」

そう思う方もいるかと思います。
なので、まずは、なぜWeb標準が推奨されるのか？といった所から考えてみたいと思います。

The Web Standards ProjectのFAQに、なぜWeb標準に準拠すべきか詳しく解説がありましたので、まとめてみます。

SEO的に有利

ウェブスタンダードに準拠することで、ウェブページはウェブサーチでより良い位置が占められるようになります。準拠した文書の構造情報はサーチエンジンでアクセスしやすく、情報の評価が楽なため、こういった文書の情報はより正確に索引をつけることができます。

検証が楽

スタンダード準拠のコードは、自分のページを検証サービスで確認する機会を与えてくれます。検証サービスは文書をプロセスし、エラーリストを提示します。これによりエラーを見つけ訂正するのが随分と楽になり、また時間の節約にもなります。

データとして扱えるため、加工しやすい

スタンダードに準拠した文書は、簡単に他のフォーマット、例えばデータベースやワード文書に変換できます。これはウェブ上の文書中の情報の多用途の使用を可能にし、テレビや PDA のようなデバイスを含むソフトならびにハードウェアといったシステムの、新しいものへの移行を単純化します。

アクセシビリティー

障害のある人々がウェブを使えるようにするというだけでなく、視力障害のある人にウェブページを音読する音声ブラウザ、テキストを点字に変換する点字ブラウザ、非常に小さな画面のハンドへルド・ブラウザ、文字多重放送その他特殊な出力デバイスを含む、なじみのないブラウザを使用する人々にも使えるサイトにすることができます。

コードが簡単になる

ウェブサイトはその寿命のうちにいくつかのデザイナーチームに扱われる可能性があるため、コードが理解しやすく、簡単に更新できることが重要です。ウェブスタンダードは、どんなウェブデベロッパーでも従い、理解し、慣れることのできるルールを提供します。

まとめ

スタンダードに沿ってウェブページを作成することは、サイトの制作時間を短縮し、メンテナンスを楽にします。

色々出ましたが、テーブルレイアウトはCSSに比べると、修正や更新作業に大幅に時間が取られます。
しかも「全てのブラウザで同じように見える事」が最大の利点であり、アクセシビリティやSEOなど、見た目と同様に重要な事項ではCSSより劣ります。また、CSSを正しく解釈するブラウザが増えてきたため、テーブルレイアウトのメリットが薄れてきたのです。

しかし、CSSコーディングのデメリットもあります。
一番の問題点は、
「正しいコーディングを行っているのに、ブラウザのバグで思ったとおりに表示できない」事。

ブラウザのバグは、製作者サイドでは良く知られており、問題が発生しにくい様にコーディングを行うものですが、これを会得するまでにかなりのイライラを要されます。
皆さんもよくご存知の通り、今のところ主要なブラウザだけでもIE、Firefox、safari、opera。これらにバージョンの違いを加えると10種類以上にもなります。
これら全てを問題なく表示させようとすると、裏技(CSSハック)なども駆使しつつ、テストに膨大な時間をさく事になります。

しかしながら、最近では新しいバージョンのブラウザならば、問題が減ってきました。
そういう背景が、CSSコーディングの普及に拍車を掛けたようです。

トラックバックURL