当社のWebデザイナーに作ってもらったWebページを、Blog(ここではMovableType)のテンプレートとして作り変えるには、以下の作業が発生します。
- Blog用のタグ 例)<$MTBlogURL$> を埋め込む。
- HTMLをXHTMLに変換する。
1に関しては、こつこつ手作業で埋め込む他ないでしょう
では、2も手で変換していくのでしょうか。
imgタグには、半角スペースとスラッシュを付けて、
readonly属性はreadonly="readonly"にして、
大文字の要素を小文字にして・・・。
気が遠くなってきました。しかも、見落とす可能性が大です。
これは何らかのツールを使うしかない!
期待する動きは、まず速いこと。
そして、正しくないHTMLにも寛容なこと。
できれば、W3Cが勧告している正しいHTMLで書いていなくても、それなりに変換してくれる、もしくは、どこを修正すればよいかを教えてくれる。
そんなツールがあったらなぁ。
そのような期待を込めて、HTMLをXHTMLに変換するフリーウェア、その名も「HTMLtoXHTML」を使ってみました。
感想は・・・速いっ!
15KBのHTMLファイルを対象としたところ、1秒で変換されました。
さらに、終了タグ 例)</div> がなければ追加してくれて、XHTMLのDTDに違反しているタグ 例)language="javascript" があれば削除してくれます。
他にどのような状態の要素をどう修正してくれるかは変換処理の説明をご覧下さい。
http://www.rr.iij4u.or.jp/~kawasaki/swt/correct.html
HTMLtoXHTMLはここまで変換してくれましたが、それだけでは不十分です。
最後にhttp://validator.w3.org/で、妥当性をチェックしましょう。
エラーが表示されても、慌てる必要はありません。一つ一つ手で修正していけばいいんです。
慣れてくれば、この作業も早くこなせるようになるでしょう。
他にもHTMLをXHTMLに変換するツールをご存知の方は、ぜひぜひ教えてください。