このブログだけのフィードを購読できますWeb担のサイトを少しずつ改善するなかで、久しぶりにサイト全体にわたってHTMLが正しく使われているかをチェックしてみました。結論としては、やっぱり、ちゃんとHTMLチェックとかしないとダメですね......。いうのも、先日、Operaでだけトップページの表示が崩れるという現象があったのです。Web担では、記事ごとのHTMLは基本的にすべてHTMLチェッカーを通して確認していて、記事本文のHTMLは公開前にチェックされています。一覧ページに表示されるHTMLの部分(「ティーザー」と呼んでいます)がそのチェックフローから漏れていたことが判明したのです。社内で使っている記事HTMLチェックの仕組みを修正して、ティーザーもHTMLチェックされるようにしました。いうことがあったので、サイト全体のテンプレートなどもHTMLチェックを通してみました。4系の属性を使っていたりするので、そういった点を改めてチェックして、いろいろと修正しました。有名なHTMLチェッカーというと、やはり次の2つでしょうか。HTML-lintを使っています。チェック項目などを細かく指定できることや、社内のサーバーにインストールして負荷を気にせずに使えるからというのが理由です(もちろん商用利用になるので、利用料をちゃんと支払ってますよ)。CSS(スタイルシート)のチェッカーは、やはりW3Cのものが良いようです。インターフェイスも日本語化されていますし。http://jigsaw.w3.org/css-validator/ちなみに、Web担ではHTMLやCSSのチェッカーで100点を目指すことはしていません。CMSの制限上どうしても正しいHTMLではない形で実現したほうがスムーズに機能を実現できる場合などもありますし、ブラウザによって違うCSSを読ませるハックなども使っていますからね。正しいHTMLであるほうが何となく気分は良いのですが、そこにこだわってしまうと目的達成の近道から外れてしまう場合は無理に適合させなくてもいい、というルールを自分の中で作ってやっています。あと、リンクチェックに関しては、Web担では外部からチェックするよりもCMSのなかで処理したほうが早いので独自のツールを作って使っていますが、W3Cの提供しているリンクチェッカーもかなり優秀ですね。http://validator.w3.org/checklinkリダイレクトなどもちゃんと処理して調べてくれますし、サーバーへの負荷もかかりすぎないように調整してくれます。広告システムの画像までチェックしているのでJavaScriptを解釈して実行しているのかと驚きましたが、単に<noscript>の部分を読んで処理しているだけですね。HTML-lintとW3Cのサービスを押さえておけば、Web担当者としては悪くはないんじゃないかと思います。ほかにも、あなたのオススメのチェッカーなどありましたら、教えていただけるとありがたいです。Web担当者フォーラム通信」に掲載されたコラムをWeb担サイト上に再掲したものです。「Web担当者Forum」編集長。