ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログのHTML採点

こんな恐ろしいサイトがあるとは知らなかった。

HTML文書の文法をチェックし、採点します

htmllint.cgi ver1.21 / htmllint.pm ver3.30

文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。
このページは、基本的な設定だけの軽いゲートウェイです (軽いのはこのHTMLのことで、チェック自体はどれでも同じです)。細かなオプションを指定したいときは、こちらのゲートウェイを利用してください。

Another HTML-lint gateway

うちのブログの某エントリを検査してみたところ、初回のテストの結果は散々だった。
img要素が、

<img src="hoge" alt="●" border="0">

なんていうのは、よろしくない点がすぐにわかる。

望ましいのは、

<img src="hoge" width="●" height="●" alt="●" style="border-style:none;" />

ですね。

まずい点として指摘されたのはほとんどが右サイドバーにあるプラグイン。W3C非推奨のalign属性をけっこう使っていたことに気づき、恥ずかしい。

alignなんてのはスタイルシートで似たようなことをやれるので、ばんばんなおす。
(お借りしているテンプレートにもともと記述してあったalign属性を外してしまうと、ぐちゃぐちゃになりそうなので、そういうのは対処せず)

で、あちこち修正して数時間後になんとか及第点(?)をもらった。84点。

「よくできました」のスタンプ

エラーはまだある。たとえば、

<input type="radio"> には tabindex 属性を指定するようにしましょう
n行目で参照されている <label> の for 属性の ID `mail` は定義されていません
<head>~</head> 内に <link rev="made" href="mailto:~" /> が含まれていません
<input type="radio"> の属性 `checked` で属性名を省略することはできません

(´▽`*)
HTMLとCSSの違いを半年ぐらい前に知った私にそんな難しいこと言われても、困る。

まずまずだと思ったので、記念にスクリーンショット。

HTML文法チェックのスクリーンショット
Google
WWW ArtSaltのサイドストーリー
採点したら落第しそう ^▽^
コメントを書き込むとき、テンプレ崩れるし~
でも不便はさほど感じないので、まあ良しにしています。

↑ だしに使うとはさすがですね。
骨だけで十分だしが取れるのですか?
2007/11/11(日) 23:29:20 | URL | Sora #YpqZtgVo[edit]
そうそう、中身のほうが大事ですよ。

骨だけでダシがとれるよ。骨髄のエキスがダシになるのだ(゚▽゚)
でも、魚くさくなっちゃうなぁ。
2007/11/12(月) 19:28:13 | URL | ArtSalt(管理人) #9S3FsJoQ[edit]
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/622-ad0aba70

「HTMLソースの文法をチェックするツール」があることを知りました。何年もブログを運営していてもちっともHTMLが分かっていない私には”お助けマン”のようなツールです。その噂のチェックツールとは、ブログやウエブサイトはHTML文書で書かれていますが、そのタグ(文法)
2007/11/15(木) 18:22:13 | Hot'n Cool
このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。