livedoorブログをXHTML Validにするためのメモ

livedoorのブログをW3CのMarkup Validation Serviceでチェックしてみると、かなりのエラーやワーニングが出るので、それを取り除く作業をした時のメモ（作成中）。

・ブログの文章中の改行が<br>になってしまうので、<br />に直す。
テンプレートのテンプレートをチェックして、テキストの回り込みを中止するためのタグ<br clear="all">が利用されている場合には、<br clear="all"/>に直す。

・<script>でtype属性が指定されていない箇所があるので指定する。
他にも、alt属性が指定されていない個所など散見されるので、地道に一つ一つテンプレートをいじって修正する。

・XHTMLに適合しないプラグインを外す、または修正する
「livedoor プロフィール」、「訪問者数」、「検索」、「月別アーカイブ」(プルダウンリスト形式の場合）等のプラグインはXHTMLに適合していないので、表示しないようにするか、または修正をする。
具体的な修正方法であるが、例えば「検索」プラグインの場合には、そのスクリプトをコピーし（ブラウザのページのソース表示機能等で閲覧可）、「フリーエリア」のプラグインに移して修正する事ができる。

修正例は以下。
（修正前）

<form action="http://blog.livedoor.jp/tomute/search"
method="GET" style="padding:0;margin:0px;">
    <input type="TEXT" name="q" class="sf">
    <input type="SUBMIT" value="検索" class="sfbtn">
</form>

（修正後）

<form action="http://blog.livedoor.jp/tomute/search"
method="get" style="padding:0;margin:0px;">
    <input type="text" name="q" class="sf" />
    <input type="submit" value="検索" class="sfbtn" />
</form>

・YouTubeの動画等を貼り付ける際にタグを修正する
YouTubeの動画をブログに貼り付けるためのHTMLはXHTMLに適合していないため、一部修正してからブログに貼り付ける。具体的な修正方法に関しては「YouTube の Embed タグを XHTML valid にする」(小粋空間)を参照。ちなみに、Google Mapをブログに埋め込むためのタグはXHTMLに適合していた。素晴らしい。

私のブログ「コロラドの風に吹かれて」で上記の作業を行った結果はこちら。
なお、CSS Validation Serviceの方もチェックしてみたのだが、こちらは警告は出るものの、特に修正すること無く正当なCSSとして検証された。

参考サイト：
・「ライブドアブログのXHTML文法チェック」（仙石浩明の日記）