ソースクリーニングについて
http://www.1000percent-web.com/
●余計な半角／全角スペース
とくに、ホームページ作成ソフトを使う場合。
ソフトはHTMLを自動的に作ってくれるのでとても便利ですが、
不要な要素まで入ってしまうので注意（！）が必要です。「ありがた迷惑」、というやつですね（笑）
その代表例が、不要な半角スペース。
PHPなどのスクリプトを組み込む場合、
余計なスペースがひとつ入っているだけで、
プログラムが動かなくなってしまうことすらあります。ブラウザによっては、
余計なスペースがひとつ入っているだけで、
レイアウトが崩れてしまうことも・・・いろいろと問題が出てきてしまうわけです。
＜不要なスペースの例＞
下の二つの例を見てみてください。
（□=スペースです）
（例1）タグの開始前に不必要なスペース！
□□＜table＞
□□＜tr＞
□□＜td＞（※ソースコードをインデントしたい場合は、
スペースではなく「Tab（タブ）」を使うことをオススメします）
（例2）タグの終了後にも要らんスペース！
＜/td＞□
＜/tr＞□
＜/table＞□
これ、どれをとっても不要なスペースです。
とくに、タグ終了後に入るスペースは要注意！
「じゃあ、なんでソフトはムダなスペース入れるの？」
その理由、私も聞きたいです（^ ^；
なぜ、不必要なスペースを勝手に入れてしまうのか？？
いまだにナゾなんですが（笑）
とにかく、ソフトは勝手に入れるんです！
（私自身が、過去に痛い目に遭った経験が
あるだけに・・・悲痛な叫び）
＜対処法は？＞
ソフトが自動的に作成するHTMLソースを、
コマメに監視していること！不要な要素を勝手に入れていないか、
ちゃんと見張っていましょう。よぶんなスペースを発見したら、
その場でシコシコ手直ししていくのが確実と思います。（後でまとめて一括置換する方法もありますが、
こちらは技術的に難しいですし、ひとつ間違えると
HTMLソースがグチャグチャになるので、
あまりオススメできません・・・）
●不必要に何度もくり返している要素
例えば、次のソースを見てください。
＜table＞
＜tr bgcolor="#ff3300"＞
＜td bgcolor="#ff3300">文字列＜/td>同一の背景色の場合、
bgcolorを＜tr>＜td>の両方で指定する必要はありません。別に両方に入れても問題は無いのですが、
そのぶん、HTMLファイルの容量サイズが大きくなってしまいます。「そうは言っても、それほど変わらないでしょ？」
いやいや、「チリも積もれば・・・」です。
場合によっては、けっこう変わってきますよ。ムダな繰り返しはできるだけ避けて、
ファイルをシェイプアップさせてあげましょう〜（^ ^）
ちなみに、次のようなパターンも不必要な繰り返しです。
＜table>
＜tr>
＜td width="150">文字列＜/td>
＜/tr>
＜tr>
＜td width="150">文字列＜/td>
＜/tr>tdセルの幅を指定する「width=」も、
何度もくり返す必要はありませんね。幅指定を何回入れようが、
同列にあるセルの幅は変わりません。
