XHTML準拠度をチェックしてみたら

自分のココログの、XHTML 1.0 Transitional への準拠度をチェックしてみました。

by The W3C MarkUp Validation Service

すると、

This page is not Valid XHTML 1.0 Transitional!

という表示に続き、その理由が並ぶ並ぶ…。あきれて笑ってしまいました。お陰で修正が大変でしたが、これで晴れて Valid XHML 1.0! のロゴを貼り付けることができ、なんだかとても嬉しいです。

せっかくなので、修正中に気が付いた点から幾つかを挙げておきたいと思います。

本文での空行に注意！

ココログの設定の「ウェブログ」→「表示設定」→「テキストフォーマットの初期設定」が「改行を反映させる」になっている場合、本文に一行空行があると、ココログは ... <br /> <br /> ... ではなくて ... </p> <p> ... と変換しているようです。

ある本文のなかで<code>タグを使ったのですが、その要素内容として空行を含めてしまっていたために <code> ... </p> <p> ... </code>という風にタグが交差してしまい、たくさんダメだしをくらってしまいました。これはXHTML準拠以前の問題ですけど。…どうもこの部分のstyle属性の指定が上手く反映されないなあと思っていたんですが、そういうことのようでした。

ということで、改行を反映させる設定にした場合は、要素内容に空行を混ぜてしまうと変なHTMLになってしまうので注意。

借り物を貼り付ける場合は大変

１．alt属性に注意。
XHTMLでは、imgタグにはalt属性が必須です。よく付け忘れてました(^^ゞ。

２．属性値に注意。
属性値は鬼門でした。
２－１．まず、必須です。少し見落としてました。
２－２．次に、必ず引用符でくくらないといけません。これも見落としてました。
２－３．しかも、引用符の中の値として、<とか>とか&の文字を使えません。これは完璧に忘れてました(^^ゞ。
私の場合、niftyの@homepageのカウンターを使っているんですが、そのURLは、
http://hpcounterN.nifty.com/cgi-bin/counter.cgi?u=XXXNNNN&p=N&c=N
のよう紹介されていますが、この&は、XHTMLでは&amp;と書かなければなりません。つまり、
http://hpcounterN.nifty.com/cgi-bin/counter.cgi?u=XXXNNNN&amp;p=YY&amp;c=N
です。これでホントに動くのか？と疑いましたが、IE5.01/win2kでもIE5.00/win98でも動いてました(笑)。IE6もネスケ7.1も大丈夫そうです。他はドウデショウ…。
その他にも、列挙型の属性値も全て小文字でなければならないというのもあって大変です。属性値、恐るべし。

ということで、一般に、カウンターやアクセス解析や検索窓など、外部からソースをコピペして持ってくる場合、ほとんど手直しが必要なようですね。自分も一番修正したのがこの部分でした。世の中、まだまだXHTMLじゃありませんからねえ…。先端を行く(?)ココログならではの贅沢な悩みでしょうか。

ref. 風のまにまに心のままに: XHTML 1.0 妥当性を望む