HTMLチェック

見た目は、ほとんど変わっていないのですが
トップページを少しいじくりました。
HTMLの最適化ということで、HTMLにも文法があるのです。
その文法チェックサイトが
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
で行えるんですね。
ここで、指定したURLを打ち込むと該当するHTMLの文法のチェックが行えます。
もう3年くらい前からずっとやろうやろうと思っていたのですが
そこはO型性格のわたくし。
面倒くさいから後でやろうと引き延ばしに引き延ばし早三年、
ここまで来ると立派です。
もしガンダムで言うなら、地上でザクに乗っていたのに
いつの間にか時代はゲルググになっていたそんな感じです。
そこで、私もシャア専用の赤ゲルググに乗るために
今日トップページの文法チェックをして上記のURLで100点を取れるように
HTMLをいじくりました。
文法間違いの多いこと。
Fireworksで書き出したものをそのまま放置して
さらにDreamweaverを使ってソースを補正していたので
spacerのalt属性の抜けや、fontタグの使用の多さ、
Javascript、スタイルシートのソースの肥大化などが起きていました。
そこで、spacerのalt属性を全部つけたり、
Javascript、スタイルシートの外部ファイル化、
音声ブラウザに対応させるため、tableにsummary属性を付加したり
fontタグを全部排除し(fontタグは将来廃止される予定のタグ)
すべてスタイルシートで文字カラーを定義し
100点のHTMLを生成した後、
IE6、ネスケ4.7、Opera7.5で動作確認をしてアップしました。
まぁ、トップページのみなおしただけなので
他のソースは惨いのですが、それはそのうち行おうと思ってます。
ご自分のHPを持っている方はHTMLチェックをしてみては?

タイトルとURLをコピーしました