サイトを HTML から XHTML に変換するには、まず、前の章で説明した XHTML 構文規則を理解しておく必要があります。
具体的な手順を以下に説明します。
次のファイル タイプ宣言を各ページの先頭行に追加します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
注: このサイト (w3school) は厳密な DTD を使用しています。 ただし、ほとんどの初心者開発者にとって厳密な DTD は「厳密すぎる」ように見える可能性があるため、移行的な DTD を使用することもお勧めします。
ページが正しい XHTML として検証されるようにするには、ページにドキュメント タイプ宣言が含まれている必要があります。
ファイル タイプの宣言の違いに応じて、最新のブラウザではドキュメントの処理方法が異なることに注意してください。 ブラウザが文書型宣言を読み取ると、その文書を「適切な」方法で処理します。 DOCTYPE がないと、ドキュメントはまったく異なる方法で表示される可能性があります。
XHTML では大文字と小文字が区別され、XHTML では小文字の HTML タグと属性名のみが受け入れられるため、単純な検索および置換コマンドを実行して、大文字のタグをすべて小文字に変更できます。 属性名についても同じことを行います。 当サイトでは小文字を使用しているため、基本的に置換機能はあまり役に立ちません。
W3C XHTML 1.0 標準では、すべての属性値を引用符で囲む必要があるため、これまでこの詳細に気づいていなかった場合は、Web サイトをページごとに確認する必要があります。 これは時間のかかる作業なので、属性値を再度引用することを忘れないでください。
XHTML では空のタグは許可されません。 <hr> および <br> タグは、<hr /> および <br /> に置き換える必要があります。
これにより、Netscape が <br/> タグを誤って読み取るという新たな問題が発生します。 理由はわかりませんが、これを <br /> に変更すると機能しました。 これに気付いたら、タグを変更するには、再度検索して置換する必要があります。
他のタグ (<img> タグなど) にも上記と同じ問題が発生します。 <img> を終了タグで閉じず、タグの最後に / > を追加します。
これがすべて完了したら、以下のリンクを使用して、変更されたすべてのページを公式の W3C DTD と照合して検証します。 XHTML バリデータ。 次に、少数のエラーが見つかる可能性があり、これらのエラーは 1 つずつ (手動で) 修正されます。 私たちの経験上、最も犯しやすい間違いは、リスト内で </li> タグを省略することです。
変換ツール (TIDY など) を使用する必要がありますか? はい、TIDY を使用することもできました。
Dave Raggett の HTML TIDY は、HTML コードをクリーンアップするための無料ツールです。 TIDY は、特殊な HTML コード エディターや変換ツールによって生成された読みにくい HTML コードをうまく処理します。 同時に、障害のある人にとって Web ページをより使いやすくするために、サイトのどこにもっと力を入れる必要があるかを見つけるのにも役立ちます。
なぜ Tidy を使用しないのですか? このサイトを始めたとき、私たちはすでに XHTML に精通していました。 当時、私たちはすでに小文字のタグを使用し、属性を引用符で囲むことを知っていました。 そのため、Web サイトをテストする過程で、W3C の XHTML バリデーターを使用してテストし、いくつかのバグを修正しました。 さらに重要なのは、Tidy スタイルの HTML コードの記述について多くのことを学んだことです。