Home > Archives > 2008-05-19
2008-05-19
Another HTML-lint
- 2008-05-19 (月)
- WEB
ひょんなことから「Another HTML-lint」というサイトを見つけた。
最近、あまり気にしなくなったHTML構文。HTMLエディタやサイトに仕込んだビジュアルエディタ、良くできたテンプレートなどのおかげもあるんであるが…。
ちょっと気になって試してみた。
まず、第1ステージ。
そのまんま採点してもらったらなんと71点だった。
↓こんな感じで採点してくれます。
0: line 43: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。) → 解説 30
0: line 93: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。) → 解説 30
7: line 130: <embed> は Mozilla、MSIE または doti 用のタグです。 → 解説 55
7: line 130: </embed> は Mozilla または MSIE 用のタグです。 → 解説 55
3: line 130: <object> には等価な内容を書くようにしましょう。 → 解説 179
0: line 139: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。) → 解説 30
0: line 177: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。) → 解説 30
最初もっとたくさんの警告が出てたんであるが、
できるとこからやってみよう。
まず、第2ステージ。
なになに、「<HEAD>〜</HEAD> 内に <LINK REV=”MADE” HREF=”mailto:〜”> が含まれていません。」
で、header.php に追加。
<link rev=”MADE” href=”mailto:account@domain.tld” />
警告が１つ減った。
んじゃ次、第3ステージ。
「<HEAD>〜</HEAD> 内に <LINK REL=”NEXT” HREF=”〜”> などのナヴィゲーション用のリンクが含まれていません。」
ん？ こんなの知らねぇよー。でもやってみる。PHPタグから引っ張ってきたら自動で入りそう。
<link rel=”INDEX” href=”<?php bloginfo(’home’); ?>” />
<link rel=”NEXT” href=”<?php next_posts($max_page) ?>” />
<link rel=”PREV” href=”<?php previous_posts() ?>” />
お、入るじゃーん♪。調子に乗って次、第4ステージ。
なになに…。targetタグが云々（うろ覚え）。XHTML 1.0 Strict ではサポートされてない旨が表示。
こうなったらチャレンジャー、Transitionalにしてみよう。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
警告は表示されなくなった。果たしていいのか悪いのか…。
こうなったら出来る限り、第5ステージ。
「<legend> には ACCESSKEY 属性を指定するようにしましょう。」
「<input> には ACCESSKEY 属性を指定するようにしましょう。」
これはあまり意識したことなかったなぁ…。
でも入れてみた。
残る警告は、YouTubeから貼っている動画。
このタグがどうも引っかかってるようで…。結構減点の対象になってる。
<embed>〜</embed> タグと <object> タグ。これって、YouTubeが自動生成してるからなぁ。
コピペしてるだけなんで、諦めるとするか。
できるだけのことはやった後の採点は…。
なんと91点までアップした。
場合によっては満点も可能かも。しかし…「満点で慢心しないでください。」とある。確かに。
なんだか久しぶりに燃えた夜であった（笑）
- Comments: 0
- Trackbacks: 0
Home > Archives > 2008-05-19
- Search
- Feeds
- Meta