WEBページ レイアウト

TABLE要素 ・ DIV要素



レイアウトの為にTABLE要素を使用するのは良くないと聞きます。

<反省点>
 TABLE要素を使って画面を一つのテーブルで囲み、レイアウト(画面構成)を行っていた。

<答え?>
 レイアウトはDIV要素+CSSにて行うようにする。

<反省した理由>
 TABLE要素の内容は、その範囲のデータ全てがダウンロードされないと、列がいくつあるか確定できない為、
 ブラウザは画面表示を始められないようです。
 上記理由を知り、画面を一つのTABLE要素で囲むレイアウト方法だと、難点がある事に気づきました。
  ・動作が遅くなる
  ・全てを読み込むまで何も表示されない状態が続く

 ※「全てを読み込むまで何も表示されない状態が続く」対応策として、
  「THEAD, TFOOT, TBODY」や、HTML4で追加された「COLGROUP, COL」を使用する。

  「COLGROUP, COL」:最初にTABLEの列数と幅の情報を与える

角を丸くしたボックスを作ってみました