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文法チェック」(仙石浩明の日記)