Movable Typeで作ったサイトのHTMLを少しでもまともにする

このウェブログをAnother HTML-lint gatewayでチェックすると点数が60点台。CMS (Content Management System) ツールがそのまま吐き出したHTMLにしては邪悪さは少ないが、もう少しなんとかしたい。

ということで、以下の変更を行ってみた。この変更で、現在90点。完璧ではないが、まあ、悪くないだろう。少なくとも致命的なエラーはなくなったので、見られない環境は少ないに違いない。ちなみに、わが広島修道大学のウェルカムページ (http://www.shudo-u.ac.jp) の点数は、72点。いくつかつまらないミスが見られる。プロにお金を払って作ってもらっているのにね。僕なら外注したら、100点じゃないと認めないな。

デザイン→テンプレートの「メインページ (index.html)」を開く。

  • 1行目に、<?xml version=”1.0″ encoding=”UTF-8″?> を挿入する。
  • <html xmlns=”http://www.w3.org/1999/xhtml” id=”sixapart-standard”>
    を、<html xmlns=”http://www.w3.org/1999/xhtml” id=”sixapart-standard” lang=”ja” xml:lang=”ja”> に変更。

「テンプレートモジュール」の「HTMLヘッダー」に以下の2行を追加。

  • <meta http-equiv=”content-script-type” content=”text/javascript/css” />
  • <meta http-equiv=”content-style-type” content=”text/css” /&gt