HTML＆CSS修正のお供に

　まなめ氏の『あなたのサイトは動いていますか？』に触発されて、ブログのテンプレートを少しいじってみました。

　上の記事で気になったのが『Another HTML-lint gateway』というHTML文書の文法をチェックしてくれるサイト。さっそく使ってみましたが非常に便利です。HTMLに詳しくない人でも、これを使えばまずい箇所が簡単に分かります。HTMLの知識が乏しく、『Another HTML-lint gateway』以外の基準で判断できないため断言はできませんが、ここと「HTMLリファレンス」などを参考にすれば知識がなくてもおおむね正しいHTMLが作成できると思われます。

　ちなみに、このブログは最初の採点で「-90点」でした。FC2公式テンプレートなのにマイナス得点というのが驚きですが、どうやらブログのシステムがXHTMLの文法で記事を生成するのに対して、HTMLでDOCTYPE宣言していたのが大減点に繋がったようです。修正はここを参考にしました。これ以外にもいろいろまずい点があって結構な修正になったので、手直しついでに「Benri-Navi」というFC2プラグインを取り入れました。トップの記事の上に表示されている「最新の記事」はこのプラグインによるものです。非常に便利で気に入っています。

　『Another HTML-lint gateway』が便利だったので、ほかにも何かないか探してみたところ「W3C CSS 検証サービス」というのがありました。こちらではスタイルシートをチェックできます。

　HTMLとCSSをチェックしたら、最後に「ダウンロード時間測定」でそのページの重さを確認しておくと良いかも知れません。これで読み込みが遅くて、閲覧者に不便を強いていないかどうかが分かります。文法のチェックと併せて行えば、デザインやコンテンツ以外の部分はとりあえず及第点として良いのではないでしょうか。

　以上のように修正を行った結果、HTMLチェックでは何とか60点台までもってこれました。60点というと微妙な印象ですが、まなめはうすでも「-281点」なので勘弁してください。