top > coding > css
フォルダにお好みアイコン | main | Blog購読リンクの貼り方

テーブルvsCSSレイアウト

最近、大手サイトがテーブルレイアウトから、CSSレイアウトに移行してってるか?といった手の調査が増えているようですね。

脱テーブル状況

CSSレイアウト採用率 - 46.8% (22/47都道府県)
XHTML採用率 - 23.4% (11/47都道府県)
都道府県、ちゃんと表で分かれてて、HTMLかXHTMLかというところまでも、きちんとまとめられていました。

他にも↓ありました。色々調査進んでるんですねー。どこもリニューアルしまくりですね。時代の変化、めまぐるしいです。

日経平均銘柄225社サイトをチェック

東京webデザイナー日記:
日経平均銘柄225社サイトを、<table>タグチェックプログラムで再調査

日経平均銘柄225社サイトが、テーブルレイアウトからcssレイアウトになっているのか、プログラムを走らせて、ざっくり調査をされたそうで、
「会社の正式名称」「ソース中にある<table>タグの数」「<table>タグがネストしている深さ」の3列で表にしてまとめてらっしゃいました。
「ソース中にある<table>タグの数」が多くて「<table>タグがネストしている深さ」が深いサイトは、ほぼテーブルレイアウトであろうと思われます。

逆に「ソース中にある<table>タグの数」が0もしくは非常に少なく、「<table>タグがネストしている深さ」が0であるサイトは、ほぼCSSレイアウトであろうということです。
プログラムを書かれたプログラマーさんは、手抜きですと言っていらっしゃるそうですが、一見したところ、よく出来ているんじゃないかと思います。

自分が1年前に携わったサイト(実は、テーブルレイアウトという手法を知ったキッカケでした。遅いけど。それまでspacer.gifとかすら知りませんでした…)もあって、あぁ…懐かしいなぁと眺めたり。。。

ブロードバンドの時代だから、画像いっぱい、テーブル入れ子でも、結構昔より表示速いはずなのに、やっぱりCSSに比べると、ページ遷移するとき一瞬読み込みなおしの白いコマがあったりしますよね。テーブルって。(うちだけ?)遅い時代に、さらに遅い表示のものを作ってたんですよね。今は表示の速い組み方な上に、速く表示もできる。皮肉っていうか、進化ってそういうものかって感じしますね。

CYBER@GARDENさんと、東京webデザイナー日記さんところにトラックバック送らせていただきました。

Comments

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks