どうやってXHTMLにアップグレードするか？

あなたのウェブサイトをXHTMLにアップグレードする方法は何ですか？

サイトをHTMLからXHTMLに変換するために、まずは前の章で説明されたXHTMLの文法規則に馴染む必要があります。

具体的な手順について説明します。

ファイルタイプ宣言を追加する

以下のファイルタイプ宣言を各ページの先頭行に追加してください：

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注意：このサイト（codew3c）では厳格なDTDを使用しています。しかし、移行用のDTDを使用することも良い選択肢です。なぜなら、多くの初心者開発者にとって厳格なDTDは「あまりにも厳しすぎる」と感じるかもしれません。

ファイルタイプ宣言に関する一つのヒント

ページを正しいXHTMLとして検証する場合は、ページにファイルタイプ宣言が含まれている必要があります。

注意すべきことは、異なるファイルタイプ宣言に応じて、新しいブラウザがドキュメントを処理する方法が異なることです。ブラウザがファイルタイプ宣言を読み取ると、それに「適切」な方法でドキュメントを処理します。DOCTYPEがなければ、ドキュメントは全く異なる方法で表示されるかもしれません。

小文字のタグと属性名

XHTMLは大文字小文字を区別し、XHTMLは小文字のHTMLタグと属性名のみを受け入れるため、すべての大文字タグを小文字に変換するシンプルな検索と置換コマンドを実行できます。属性名も同様に処理します。私たちは常に小文字を使用していて、そのため、置換機能はほとんど使用されません。

すべての属性に引用符を追加

W3C XHTML 1.0標準では、すべての属性値に引用符が必要とされており、この詳細に以前気づかなかった場合は、ウェブサイトの各ページを一つずつ確認する必要があります。これは時間がかかる作業であり、属性値に引用符を追加することを忘れないようにしましょう。

空タグ：<hr>、<br>と<img>

XHTMLでは、空タグ（Empty tags）を使用することは許可されていません。<hr>と<br>タグは<hhr />と<br />に置き換える必要があります。

これにより、新しい問題が発生しました。Netscapeは<br/>タグを誤読します。原因は不明ですが、<br />に変更すると問題が解決します。この点を認識した後、再度検索と置換機能を使用してタグを変更する必要があります。

他のタグ（例えば<img>タグ）も上記の問題に直面する可能性があります。<img>を閉じる際には、タグの最後に</>を追加するのではなく、/ >を使用してください。

サイトの検証

これらすべてを終える後、以下のリンクを使用して、公式のW3C DTDに基づいてすべての修正されたページを検証してください： XHTML バリデータそれから、いくつかのエラーが見つかるかもしれません。これらのエラーを一つずつ（手動で）修正します。私たちの経験では、最もよく犯されるエラーはリスト内で</li>タグが欠けていることです。

変換ツール（例えばTIDY）を使用すべきでしょうか？はい、TIDYを使用することができます。

Dave RaggettのHTML TIDYHTMLコードをクリーンアップする無料ツールです。特別なHTMLコードエディターや変換ツールで生成された読みにくいHTMLコードを処理する際には、TIDYは非常に素晴らしいです。また、サイト内でどの部分にさらに力を入れれば良いかを発見し、障害者に対してより使いやすいウェブページを作成する手助けをします。

私たちはTidyを使用していない理由は何ですか？このウェブサイトを作成する際には、XHTMLに非常に慣れていました。その時、小文字のタグを使用し、属性に引用符を付けることを知っていました。したがって、ウェブサイトのテスト中には、W3CのXHTMLバリデータを使用して簡単にテストし、いくつかのエラーを修正しました。さらに重要なのは、TidyスタイルのHTMLコードの書き方について多くを学んだことです。

課外読書

XHTMLを使用してページを構造化する方法についてより深く理解したい場合は、以下の本を読んでください《XHTML 構造化》。