CSSレイアウトのメリット

片瀬海岸の写真

 お疲れ様です。FXブログ研究家のホズピーです。 本日もFXのことではなくサイトデザインについてです。

今回はWebサイト制作に必要なレイアウトチェックについてお話しましょう。

 今までは、tableタグによるレイアウトでは、ブラウザによってレイアウトが変わってしまうことはなかったのですが、  最近はCSSによるレイアウトが主流になっています。

CSSレイアウトのメリットはなんでしょうか?

メリットはいっぱいあるのですが、大きいところでは下の3つでしょう。
・メンテナンスの軽減
デザイン変更をするときにCSSを変更するだけですべてのHTMLファイルが変更になるので、 メンテナンスが大幅に軽減できます。

・SEO対策に効果あり
検索エンジンのロボットは、HTMLファイルに書かれた上位200語程度を強く認識すると言われています。
テーブルレイアウトより遥かにシンプルソースになるCSSレイアウトはそれだけ優位になります。

・ブラウザの表示がはやい
テーブルレイアウトに比べ1から2秒早いといわれています。
なぜなら、テーブルタグの場合、テーブル始まりから終わりまでの長いタグになりますが、 CSSの場合は短いタグの並びなので読み込みが早くなります。

では、デメリットはあるのでしょうか。

いいことばかりではありません。
厄介なデメリットがあるのです。
それは、ブラウザの種類やバージョンによって、レイアウトが崩れてしまうことがよくあることです。
特に多いのは、IE6では正常に表示しているけど、FireFoxでは崩れてしまっているという現象です。 私はFireFoxを使用しているのですが、レイアウトが崩れてしまっているサイトを良く目にします。 ブログのほとんどはCSSデザインなので、デザインが崩れていてよみにくいブログがあったりします。

FireFoxの使用率もだいぶ増えているので、レイアウトが崩れないように作ってもらいたいものです。

にほんブログ村 IT技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー!


広告総合制作-(株)クレヨン広告総合制作-(株)クレヨン