<HTML文法をチェック出来るページ>
Another HTML-lint
というのを日記リンクさせて頂いているnontappさんの記事で知りました。
早速、自分のサイトで試した所、散々な結果に・・・・
やはり、ビルダーに頼ったHP作りではいけない事が身にしみました。
これは直さなくては行けない!と一大決心!!!
まず、指摘が多かった所を中心に少しずつ修正していこうと思いました。
●レイアウトにテーブルタグに<img>タグを多用している所で、alt属性が無いという指摘が一番多かったです。これは、▲みたいな画像を使用しているため、alt属性は指定していませんでした。
これは、UL { list-style-image: url(画像URL.gif); }で修正。
●<TD> に Mozilla または MSIE 用の属性 `BACKGROUND` が指定されているという指摘。
これは、外部CSSであらかじめ、背景として指定。
.TABLE{
background-image : url(画像のURL) みたいな風に。
●ロールオーバー使用のため、javascript記述が多い事も指摘。
そして、異様に文字数が多いjavascript。これを外部javascriptに変更。
●<META http-equiv="Content-Script-Type" content="text/javascript">
(javascript
宣言、これが抜けてました。)
●<script src="ファイル名.js" type="text/javascript"></script>
(まず、javascript(拡張子.js)でまとめる)
●<script src="ファイル名.js" type="text/javascript"></script>
(もう一つは、ロールオーバー記述の所を外部ファイル化)
これで、3KB容量を削減。しかし、外部ファイル化した事で表示が遅くなった感じがする。
やはりエクセル感覚で、テーブルタグを多様してはいけない事を改めて実感。
ページ全体をスタイルシート化したい。というか、そうやりたい!
しかし、まだまだCSSでのレイアウト作成については、あまりにも無知な私。
これから、ちょっとずつ勉強していこうと思います。