WEBページ レイアウト
TABLE要素 ・ DIV要素
レイアウトの為にTABLE要素を使用するのは良くないと聞きます。
<反省点> TABLE要素を使って画面を一つのテーブルで囲み、レイアウト(画面構成)を行っていた。 <答え?> レイアウトはDIV要素+CSSにて行うようにする。 <反省した理由> TABLE要素の内容は、その範囲のデータ全てがダウンロードされないと、列がいくつあるか確定できない為、 ブラウザは画面表示を始められないようです。 上記理由を知り、画面を一つのTABLE要素で囲むレイアウト方法だと、難点がある事に気づきました。 ・動作が遅くなる ・全てを読み込むまで何も表示されない状態が続く ※「全てを読み込むまで何も表示されない状態が続く」対応策として、 「THEAD, TFOOT, TBODY」や、HTML4で追加された「COLGROUP, COL」を使用する。 「COLGROUP, COL」:最初にTABLEの列数と幅の情報を与える
角を丸くしたボックスを作ってみました