Mozilla Firefoxのアドオンに

Html Validator 0.8.5.8

という画期的で手軽なHTML構文チェッカーがある。

そこで札幌市の基本情報のページなどをチェックしてみると、

出るわ、出るわ、エラーが大量に出てきた。

主なものをあげると、

• 「＆」は本来は「＆amp;」と書かないと行けないのに、いくつかは「＆」のままだった
• XHTMLで記述しているのだが、タグや要素が大文字になっているところがあった
• formタグにaction指定がなかった
• タグの要素指定の綴り間違い

などなどが挙げられる。

今回の修正では40000あるファイルについて、ほとんどは修正しエラーは大幅に減らすことができた。

ただ全部アップロードするのに半日かかることが面倒だったりするのはいつものご愛敬。

IE6とIE7は<form>タグの上下に不気味なスペースが空いてしまうので、それを防止する対処を行いました。
これはCSSファイルの更新のみで済むので楽な修正です。

ちなみにIE6にはフォントサイズが指定通りにならずに大きくなるというバグもあるのですが、大きな実害もないためこれはもう放置する予定です。

東京特別区部（23区の総称。旧東京市に近い領域）は地方自治体ではないし、特別地方自治体の千代田区や新宿区とも重複するため、「都市の順位表」が示す戦いの範疇の外に置いていたのだが、間違えて「試合開始」ボタンをアクティブのままにしていた。

これでは成績表に反映されないのに戦えてしまう。

ということで、特別区部に限っては、試合開始ボタンを押下不可に設定した。
これで間違えて特別区部が戦いに赴くこともないので一安心というわけなのだった。

patmap都市情報を公開して二ヶ月は経っている。
だが、この失敗は気づかなかった。

まさかIE６で見たらCSSが適用されていなかったなんて。。。

原因はHTMLファイル部はUTF-8で書いていたが、CSSがShift-JISになっていたこと。
なぜかIE６だとCSSが文字化け扱いになり、結果まともに適用されていなかった（変な解釈で適用されていた）。
ついでにjavascriptファイルも同様だった。コードの行が勝手にコメントされてしまいエラーを吐いていた・・・。

ちなみにfirefox、google chrome、safari、IE8、IE7はCSSなど外部ファイルの文字コードが異なっていてももちろん問題なかったため、まったくこのIE６の馬鹿な現象に気づくことが出来なかった。（作成中に確認しているのもあるが）


実はこの現象、他に管理しているサイト（Softinat製造所など）でも発生したので、二重三重の恥というか、かなりもったいないことをしたというか、いやはやIE6を軽視しすぎていたバチというのだろうか。まさかここまで酷いことになるとは想像すらも出来なかったのが失敗だった。


いまでもブラウザのシェアはこんなもんだということを忘れてはならなかったのだ。
IE6：25%
IE7：25%
IE8：20%
firefox：20%
他：10%

...今後気をつけます

ちなみに、複数バージョンのIEの確認はIETesterというツールを使って、試験できます。

それでも恨み節は全くおなしな挙動のIE6に向きたくもなる...。バグだらけのせいでIE7と揃ってデザインもずれるしな。

patmap都市情報(http://patmap.jp/CITY/)の更新履歴用に本ブログを利用します。