其の41　ソース上の見えないスペース、改行に注意

テーブルを使用してスライスした画像をレイアウトしている際、ソース自体は合っているのに、なぜかブラウザで確認すると画像と画像の間に隙間が生じることがある。Dreamweaverなどで、あまりHTMLコードのソースを気にせずに作業していると、こういったことが多い。

この理由はテーブルレイアウトの場合、< td >< /td >でひとつのセルを表すわけだが、ひとつの< td >< /td >の間で改行を行なっていたり、余計なスペースが入っているためだ【1】【2】。