仕事上いろんなHTMLを扱うが、一番いやなケースがテーブルレイアウトされたHTML。
特にtdタグの中にtableタグを入れ子し、さらにtdとspacer.gifで隣の要素のマージンを調整しているケースは最悪だ。

この手の手法は、テーブルレイアウトが主流だった（今も使っている人もいると思うが）数年前では当たり前だった。
タグにwidth属性やheight属性を記述しており、CSSは色や線など装飾程度にしか使っていないという考えのサイト。

XHTMLの場合は、完全にCSSを外部化した上で、要素にidやclassを振るので、個人的にはメンテナンスもしやすいと考えている。
テーブルレイアウトはtableタグがたくさんでてくるので、どれがページ全体のフレームになっているのかわかりにくい。

そこで私が普段気をつけているHTML、CSS、JavaScriptのコーディング方法を紹介する。